LoginSignup
0
0

More than 3 years have passed since last update.

計算機作ってみた。

Last updated at Posted at 2020-09-16

初心者ですがアプリ的なのをつくてみました

複数同時計算機のAです。

使用言語はHTML、JavaScript です。

HTMLのコードです。

  <h1>計算プログラム</h1> 
  <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>

次はJavaScriptコードです

   //足し算の式


    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; 

    }

出来上がりは

コメント 2020-09-16 182246.jpg

このような感じです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0