Assalamualaikum...
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.
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