0

JavaScript の数学について少し助けが必要です。最終結果を h2 タグ内に表示したいのですが、その方法がわかりません (JavaScript は初めてです)。よろしくお願いします。

<!doctype html>
<html>
<head>
<title>Do Math</title>
</head>
<body>
    <input type = "number" id = "my_input1"/>
    <input type = "number" id = "my_input2"/>
    <input type = "button" value = "Add them Together" onclick = "doMath();"/>
    <script type = "text/javascript">
        function doMath() {
            var my_input1 = document.getElementById('my_input1').value;
            var my_input2 = document.getElementById('my_input2').value;
            //Add them Together and Display

            var sum = parseFloat(my_input1) + parseFloat(my_input2);
            document.write("<h2>The sum is </h2>", sum);
        }
    </script>
</body>
</html>
4

2 に答える 2

1

h2タグを取得し、使用してその中にデータを配置するだけです

html tag:
<h2 id='ele'></h2>


javascript:
document.getElementById('ele').innerHTML="the sum is "+sum;
于 2013-09-22T08:25:18.047 に答える
1

これを試して 

<html>
    <head>
      <title>Do Math</title> 
    </head>
    <body>
      <input type = "number" id = "my_input1"/>
      <input type = "number" id = "my_input2"/>
      <input type = "button" value = "Add them Together" onclick = "doMath();"/>
      <h2 id="output"></h2>
      <script type = "text/javascript">
              function doMath() {
                  var my_input1 = document.getElementById('my_input1').value;
                  var my_input2 = document.getElementById('my_input2').value;
                  //Add them Together and Display

                  var sum = parseFloat(my_input1) + parseFloat(my_input2);
                  document.getElementById('output').innerHTML = "The sum is " +  sum;
               }
       </script>
    </body>
   </html>

デモを見る

于 2013-09-22T08:20:04.920 に答える