Q&A
何がわからんのかわからん。 質問するときのヒント https://teratail.com/help/question-tips を読んでから質問をきちんと編集しましょう。 ここはサポートセンターではありません。 ３時間あればできることです。
###わからん
回答求む
できればあと３時間以内
クリックしてもイベント発生せず
下記載コード、コピペ、ローカル保存お願いします
###コード、[sample.html]
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>HTML5 サンプル</title> <script type="text/javascript"> function calc(){ // パソコン項目の合計金額計算と表示 var price1 = document.getElementById("price1").innerHTML; var num1 = document.getElementById("num1").value; var total1 = price1 * num1; document.getElementById("total1").innerHTML = total1; // ディスプレイ項目の合計金額と表示 var price2 = document.getElementById("price2").innerHTML; var num2 = document.getElementById("num2").value; var total2 = price2 * num2; document.getElementById("total2").innerHTML =total2; // プリンタ項目の合計金額計算と表示 var price3 = document.getElementById("price3").innerHTML; var num3 = document.getElementById("num3").value; var total3 = price3 * num3; document.getElementById("total3").innerHTML =total3; //総合計金額の計算と表示 var alltotal = parseInt(total1) + parseInt(total2) + parseInt(total3); document.getElementById("alltotal").innerHTML = alltotal; } </script> </head> <body> <h2>商品購入金額を計算表示</h2> <captiom>商品の購入金額を計算して表示</caption> <input type="button" id="calc" value="計算" onClick="calc();"> <table width="300" border="1"> <thead> <tr><th>NO</th><th>商品名</th><th>価格</th><th>数量</th><th width="60">合計</th> </tr> </thead> <tfoot> <tr><th align="center" colspan="4">総合計</th><td id="alltotal" align="right"> </td></tr> </tfoot> <tbody> <tr> <td>01</td><td>パソコン</td><td id="price1" align="right">68000</td> <td align="right"><input type="text" id="num1" size="2" /></td> <td id="total1" align="right"></td> </tr> <tr> <td>02</td><td>ディスプレイ</td><td id="price2" align="right">32000</td> <td align="right"><input type="text" id="num2" size="2" /></td> <td id="total2" align="right"></td> </tr> <tr> <td>03</td><td>プリンタ</td><td id="price3" align="right">38000</td> <td align="right"><input type="text" id="num3" size="2" /></td> <td id="total3" align="right"></td> </tr> </tbody> </table> </body> <html>
回答3件
0
ベストアンサー
MacのSafariでも動きますね。
一応、Atomのhtmllintで出たチェックだけ書いておきます。
34行目 タグが間違っている
<captiom> → <caption>
35行目 onClickではなく、onclick
64行目 タグが閉じていない
<html> → </html>
動かしている環境を質問に追記した方がいいと思いますよ。
投稿2016/08/01 04:06
編集2016/08/01 04:07総合スコア2208
0
aaaaaaaaaaa
投稿2016/08/01 22:32
総合スコア24
0
ボタンをクリックしても計算結果が出ない、みたいな話しですか？
コピペ、ローカル保存して、ブラウザで開いて数量を入力、ボタンを押したところ
ちゃんと結果がでましたよ。
ブラウザのセキュリティ設定とかでScriptの実行が止められているだけでは？
投稿2016/08/01 03:52
総合スコア247
解決しました
おめでとうございます。
解決済み？にマーク？とかすると、いい感じになるらしいですよ。
いい感じになりました
あなたの回答
tips
プレビュー
