keepCoding();

Postingan

Menampilkan postingan dari Agustus 21, 2015

Cara memanggil fungsi Javascript dalam HTML

Berikut adalah contoh program sederhana pemanggilan fungsi javascript dalam html. Fungsi akan menampilkan tulisan ‘Hello World’ setelah kita mengklik tombol ‘click me’ <!DOCTYPE html> <html> <head> <title>Latihan Javascript</title> <script type="text/javascript" src="latjs1.js"></script> </head> <body> <button onclick="sayHello('World','Dunia');">Click Me</button> <div id="result"></div> <div id="result2"></div> </body> </html> Berikut file javascriptnya. Disimpan dengan nama: latjs1.js function sayHello(a,b){ document.getElementById("result").innerHTML = 'Hello '+a+' !'; document.getElementById("result2").innerHTML='Halo '+b+' !'; } Semoga bermanfaat :)

Baca selengkapnya

Membuat list dari hasilinputan dengan HTML dan Jvascript (HTML Programming)

Berikut adalah contoh membuat list dari hasil inputan dengan menggunakan javascript pada html File htmlnya: <!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>Latihan javascript</title> <script type="text/javascript" src="latjs1.js"></script> </head> <body> <form name="myChecklistForm"> <input type="text" name="checklistitem" /> <input type="button" value="Add to List" onclick="processForm()"/> </form> <div id="checkList"></div> </body> </html> File javascriptnya disimpan dg nama: latjs1.js function processForm(){ var listItem,listed; listItem=document.myChecklistForm.checklistitem.value; listed="<div>"+listItem+"</div>"; document.getElemen

Baca selengkapnya

Konversi suhu sederhana dengan html dan javascript (HTML Programming)

Berikut adalah contoh program konversi suhu sederhana dengan HTML dan javascript: File htmlnya:disimpan dg nama convertsuhu.html <!DOCTYPE html> <html> <head> <title>Latihan html</title> <script type="text/javascript" src="latjs1.js"></script> </head> <body> <form name="temperatur"> <label>Temperatur</label> <input type="text" id="temp"/><br/> <input type="radio" name="pilihan" value="fahrenheit">Convert to Fahrenheit<br/> <input type="radio" name="pilihan" value="celcius">Convert to Celcius<br/> <label>Result: </label> <input type="text" id="resultfield"/><br/> <input type="button"

Baca selengkapnya