Contoh Coding (Cara membuat Kalkulator) Part II - HariNewss.com

Tuesday, December 1, 2020

Contoh Coding (Cara membuat Kalkulator) Part II

 


HariNewss.com - Banyak orang yang mermehkan hal kecil contohnya membuat/coding HTML aplikasi kalkulator.

Jadi disini saya akan memberikan contoh coding Kalkulator sederhana.

Dan disini semuanya sedah di Tes ok.

Berikut contoh codingnya.


<!--nama file calc.php-->

<!DOCTYPE html>

<html>

<head>

    <title>Kalkulator</title>

 <title>Calculator</title>

 <style type="text/css">

  .tombol{

   background-color: blue;

  }

  .tabel{

   background-color: yellow;

   margin: 10px;

   padding: 10px;

  }

 </style>

</head>

<body>

    <h1>Selamat datang</h1>

    <caption>Nama-Nasrullah}}</caption>

    <caption>NPM-2019020100052</caption>

 <form name="Kalculator">

  

  <table style="background-color: " class="tabel">

   <caption>Kalkulator sederhana</caption>

   <tr>

    <td>Bilangan 1</td><td>:</td><td><input type="number" name="angka1"></td>

   </tr>

   <tr>

    <td>Bilangan 2</td><td>:</td><td><input type="number" name="angka2"></td>

   </tr>

   <tr>

    <td>Hasil</td><td>:</td><td><input type="number" name="hasil"></td>

   </tr>

   <tr>

    <td colspan="3" align="right">

     <input class="tombol" type="button" onclick="tambah()" value="  +  ">

     <input class="tombol" type="button" onclick="kurang()" value="  -  ">

     <input class="tombol" type="button" onclick="kali()" value="  *  ">

     <input class="tombol" type="button" onclick="bagi()" value="  /  ">

    </td>

   </tr>

  </table>

 </form>


</body>

</html>

<script type="text/javascript">

function tambah(){

 var angka1=parseFloat(document.calculator.angka1.value);

 var angka2=parseFloat(document.calculator.angka2.value);

 var hasil= angka1+angka2;

 document.calculator.hasil.value=hasil;

}

function kurang(){

 var angka1=parseFloat(document.calculator.angka1.value);

 var angka2=parseFloat(document.calculator.angka2.value);

 var hasil= angka1-angka2;

 document.calculator.hasil.value=hasil;

}

function kali(){

 var angka1=parseFloat(document.calculator.angka1.value);

 var angka2=parseFloat(document.calculator.angka2.value);

 var hasil= angka1*angka2;

 document.calculator.hasil.value=hasil;

}

function bagi(){

 var angka1=parseFloat(document.calculator.angka1.value);

 var angka2=parseFloat(document.calculator.angka2.value);

 var hasil= angka1/angka2;

 document.calculator.hasil.value=hasil;

}

</script>

Baca Juga: Contoh Coding Kalkulator Sederhana

Bagikan artikel ini

Tambahkan Komentar Anda
Disqus comments