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