Kamis, 27 Maret 2014

coding kuadrat di Javascript

Diposting oleh yuli yanti di 06.06

Dapet pencerahan juga :D
dipikirin gimana caranya ini angka bisa jadi kuadrat dan akhirnya pusing iya..kelar nggak -.-
dan akhirnya taraaaaa :D bisa juga **senenglah**
dapet wansit dari materi yang kemaren-kemarennya ternyata ada yang hampir mirip cara kerjanya :D
walaupun tidak sempurna minimal jadilah bisa di kuadratin --->

coding via javascript --- kuadrat ---

<html>
<head>
<title>kalkulator pangkat</title>
<script type= text/JavaScript>
var angka = new Array ("8","9","10");

function hitung()
{
var a = parseInt (document.getElementById("angka1").value);
var b = parseInt (document.getElementById("angka2").value);
var c = parseInt (document.getElementById("angka3").value);
var d = a * a;
var e = b * b;
var f = c * c;
document.getElementById("hasil1").value=d;
document.getElementById("hasil2").value=e;
document.getElementById("hasil3").value=f;

}
</script>
<body bgcolor=grey>
Masukan Angka !!! <br>
<input style='background: yellow;' type=text id=angka1 size=4>
<input style='background: yellow;' type=text id=angka2 size=4>
<input style='background: yellow;' type=text id=angka3 size=4><br>
<input type=button value=hitung onclick='hitung();'><br>
<input style='background: orange;' type=text id=hasil1 size=4>
<input style='background: orange;' type=text id=hasil2 size=4>
<input style='background: orange;' type=text id=hasil3 size=4>

</body>
</head>
</html>

contoh tampilan untuk 3 kolom

Buat codingan yang di atas bentuknya ada 3 kolom, jadi mereka secara bersamaan bisa menampilkan
hasilnya.
untuk lebih simpel atau hanya menggunakan satu kolom saja,hanya tinggal menghapus beberapa bagian
seperti ini:
<html>
<head>
<title>kalkulator pangkat</title>
<script type= text/JavaScript>
var angka = new Array ("8","9","10");

function hitung()
{
var a = parseInt (document.getElementById("angka").value);
var b = a * a;
document.getElementById("hasil").value=b;

}
</script>
<body bgcolor=grey>
Masukan Angka !!! <br>

<input style='background: yellow;' type=text id=angka size=4><br>
<input type=button value=hitung onclick='hitung();'><br>
<input style='background: orange;' type=text id=hasil size=4>

</body>
</head>
</html>
contoh tampilan  untuk 1 kolom












selamat belajar !!!
Semoga bermanfaat,kritik dan saran kalian sangat membantu perkembangan blog saya. Terimakasih.

created yuli yanti

0 komentar:

Posting Komentar

 

next level Copyright © 2010 Design by Ipietoon Blogger Template Graphic from Enakei