###わからん
回答求む
できればあと3時間以内
クリックしてもイベント発生せず
下記載コード、コピペ、ローカル保存お願いします
###コード、[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件
あなたの回答
tips
プレビュー