,の入った数値のIdを取得し、入力フォームに記載された個数をかけて合計金額を産出するJavaScriptを組みたいです。
JavaScriptの練習で取り組んでいるのですが、いろいろ試行錯誤してもなかなか動きません。
教えてくださるとうれしいです!お願いいたします。
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"/> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="Pd.css"/> <link rel="stylesheet" href="../Top/All.css"/> </head> <body> <nav class="navbar navbar-inverse"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gnavi"> <span class="sr-only">メニュー</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">HOGETOWN</a> </div> <div id="gnavi" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="../Top/lastHtml.html">Top</a></li> <li><a href="">Outer</a></li> <li><a href="">Inner</a></li> <li><a href="">Backpack</a></li> <li><a href="">Footwear</a></li> <li><a href="">Tent</a></li> <li><a href="">Burner</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="">Cart</a></li> <li><a href="">User:Hayashi</a></li> <span class="glyphicon glyphicon-log-out" aria-hidden="true" aria-label="Right Align"></span> </ul> </div> </nav> <div class="ProductAll clearfix"> <div class="Contents"> <div class="ProductName"> <p class="SDryCrew">S/S DRY CREW</p> <p class="Maker">THE NORTH FACE</p> </div> <div class="ProductDetails"> <p>肌面には繊維内に水分を含まないポリプロピレン、 表側に吸汗拡散機能をもたせたポリエステルを配備したアンダーウェアです。 身体から出た汗をウエア表面へと迅速にシフトし、肌に触れる面には一切水分を 残さない、戻さないというコンセプトで開発。通気性の高いグリッド状デザインと、 疎水と給水という異なる性質を組み合わせたダブルフェイス構造で 運動時の快適さを向上させます。極薄で軽く、フィット感の高いシルエットです。 </p> </div> <div class="ProductBuy"> <p>在庫数:100</p> <div class="indent"> <p>価格:¥<span id="price">3,856</span></p> <p>個数:<input type="text" id="Number" name="productCount" max="100" min="1" onkeyup="count();" value="1">(1~100までを入力してください)</p> <p>小計:¥<span id="Subtotal">3,856</span></p> </div> <a href="../Buy/NewBuy.html"class="btn btn-default btn-sm" role="button">カートに入れる</a> <a href="../Top/lastHtml.html"class="btn btn-default btn-sm" role="button">前のページに戻る</a> </div> </div> <div class="ProductPicture"> <img src="../img/04.jpg"alt="Product"> </div> </div> <script src="../Top/last.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"> </script> </body> </html> //以下外部スクリプト function count(){ strPrice = document.getElementById("price") numPrice = parseInt(strPrice.split(',').join('').trim()); lastPrice= numPrice*document.getElementById("Number").value; document.getElementById("Subtotal").innerHTML = String(lastPrice).replece(/(\d)(?=(\d\d\d))+(?!\d))/g,'$1'); }
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/04/17 13:22
2017/04/17 13:46 編集
退会済みユーザー
2017/04/17 13:54