簡単なアプリ 複数計算機 ＋

簡単な計算機をつくて見ました。

使用言語はHTMLと、Javascriptです、

HTMLのコードです。

計算プログラム

  <h2>足し算</h2>

  <div>
     1つ目の値<input type="text" id="atai1">       <br>

     2つ目の値<input type="text" id="atai2">       <br>

     3つ目の値<input type="text" id="atai3">       <br>

     4つ目の値<input type="text" id="atai4">       <br>

     5つ目の値<input type="text" id="atai5">       <br>

     　　　　　　　
     <button onclick="tashizan()">
        足し算
     </button>        <br>                           


     結果<br>

     <div id="kekka">


     </div>　

  </div>

次にJSのコードです。

　

  　//足し算の式


        function tashizan(){



     text01 = document.getElementById('atai1');
     text02 = document.getElementById('atai2');
     text03 = document.getElementById('atai3');
     text04 = document.getElementById('atai4');
     text05 = document.getElementById('atai5');




     x = parseInt(0 + text01.value);
     y = parseInt(0 + text02.value);
     u = parseInt(0 + text03.value);
     k = parseInt(0 + text04.value);
     t = parseInt(0 + text05.value);





     z = x + y + u + k + t;

     kekka = document.getElementById('kekka');

     kekka.innerHTML = z; 

        }

完成形はこんな感じです。