3/21/2014 11:42:00 AM
0
Script Perkalian Menggunakan JavascriptAssalamualaikum...
Hy friends, 
Bagi anda yang ingin belajar Javascript mudah-mudahan artikel ini dapat membantu teman-teman yang ingin mempelajari Javascript. J

<html>
<head>
          <title>Javascript Perkalian</title>
          <script type="text/javascript">
                  
                   function penjumlahan(){
                             var a = document.getElementById('a').value;
                             var b = document.getElementById('b').value;
                             var c = document.getElementById('c').value;
                             var d = document.getElementById('d').value;
                   var jumlah = parseInt(a)*parseInt(b)*parseInt(c)*parseInt(d);
                             document.getElementById('hasil').innerHTML = jumlah;
                            
                   }
                  
          </script>

          </head>
<body>
          <input type="text" id="a" placeholder="inputan angka pertama"><br>
          <input type="text" id="b" placeholder="inputan angka kedua"><br>
          <input type="text" id="c" placeholder="inputan angka ketiga"><br>
          <input type="text" id="d" placeholder="inputan angka keempat"><br>
          <input type="button" value="jumlah" onclick="penjumlahan()">
          <h2 id="hasil"></h2>
</body>

</html>

Text berwarna biru merupakan text dari Javascript yang diletakkan dibawah tag <head> dan diatas </head>. Perlu diingat bahwa text javascript harus diawali dengan <sript> dan diakhiri dengan </script>.
Sedangkan text berwarna merah merupakan text html yang diletakkan diantara tag <body> dan </body>.

Sedikit penjelasan mengenai script diatas:

var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
var c = document.getElementById('c').value;
var d = document.getElementById('d').value;

var a-d merupakan sebuah variable yang fungsinya adalah menampung data. Saya membuat 4 variable yaitu a-d yang berarti saya akan menginputkan 4 data.
Contoh:
Saya menginputkan angka 3 kedalam variable a
Angka 5 kedalam variable b
Angka 2 kedalam variable c
Dan yang terakhir saya menginputkan angka 3 kedalam variable d

var jumlah = parseInt(a)*parseInt(b)*parseInt(c)*parseInt(d);

Variable jumlah merupakan penampung dari data var a-d. Diketahui bahwa saya akan mengalikan angka 3,5,2,3 maka jumlah=3*5*2*3.
Perlu diketahui bahwa data yang saya inputkan merupakan integer (bilangan bulat) parseInt. Ke empat angka tersebut saya inputkan melalui keyboard yang fungsinya ada dalam tag html.

document.getElementById('hasil').innerHTML = jumlah;

Nah, hasil dari perkalian tersebut akan ditampung kedalam hasil ('hasil') dan akan ditampilkan .
Hasil dari perkalian diatas adalah: 90

<input type="text" id="a" placeholder="inputan angka pertama"><br>
<input type="text" id="b" placeholder="inputan angka kedua"><br>
<input type="text" id="c" placeholder="inputan angka ketiga"><br>
<input type="text" id="d" placeholder="inputan angka keempat"><br>

Nah, disini kita akan menginpukan datanya melalui keyboard kemudian data tersebut akan ditampung kedalam var a-d.

<input type="button" value="jumlah" onclick="penjumlahan()">
<h2 id="hasil"></h2>

Kode diatas berfungsi emunculkan tombol jumlah,  jika kita klik maka akan memunculkan hasil perkalian dari bilangan yang telah diinputkan.

Friends, itulah sedikit ulasan mengenai Javascript. Saya harap artikel ini dapat membantu teman-teman yang ingin mempelajari Javascript. Jika artikel ini sulit untuk dipahami saya harap teman-teman memakluminya. Maklum, baru belajar menulis artikel. J
Salam bloger,

Wassalamualaikum….. J

0 komentar:

Posting Komentar