Silahkan Download Materi Disini
BERIKUT ADALAH PENEMPATAN DENGAN TAG INNER HTML
<html>
<head>copyrightpurwant_akakom</head>
<script languange="javascript">
function dicek()
{
a=document.getElementById("aa").value;
b=document.getElementById("bb").value;
document.getElementById("hasil").innerHTML=a+b;
}
</script>
<body>
<form name="hitung">
<input type="text" nama="aa" id="aa">
<input type="text" nama="bb" id="bb">
<input type="button" value="=" onClick="dicek()">
<div id="hasil"></div>
</form>
</body>
</html>
HASILNYA SEPERTI BERIKUT INI
SEKEARAN BANDINGKAN DENGAN PENEMPATAN DENGAN ID PADA FORM
<html>
<head>copyrightpurwant_akakom</head>
<script languange="javascript">
function dicekcok()
{
a=document.getElementById("a").value;
b=document.getElementById("b").value;
document.getElementById("hasile").value=a+b;
}
</script>
<body>
<form name="hitung">
<input type="text" nama="aa" id="a">
<input type="text" nama="bb" id="b">
<input type="button" value="=" onClick="dicekcok()"><br>
<input type="text" id="hasile" value="hasilnya akan ditaruh disini" width="30">
</form>
</body>
</html>
HASILNYA AKAN DEMIKIAN
KESIMPULAN
INNER HTML AKAN MENEMPATKAN TEXT DILUAR FORM SEDANGKAN KALAU MENGGUNAKAN ID MAKA HASIL AKAN BERADA DALAM FORM YANG MEMBEDAKAN ADALAH SCRIPT BERIKUT
1). document.getElementById("hasil").innerHTML=a+b;
2).document.getElementById("hasil").value=a+b;
PADA NO.1 TEKS OUTPUT AKAN DITEMPATKAN
diantara <div id="hasil">hasilteks ditaruh disini</div>
PADA NO.2 TEKS OUPUT AKAN DITEMPATKAN
didalam<input type="text" nama="bb" id="hasil" value="hasilnya akan ditaruh disini" width="30"> maka value dari form input tersebut yang akan diganti oleh output teks.
PERBEDAANNYA KURANG LEBIH DEMIKIAN !!!! LANJUTKAN BELAJAR
No comments:
Post a Comment