onclick="fungsijavascript()";
agar lebih jelas dan lebih mudah di pahami mari kita coba dalam penerapan kode javascriptnya. sekarangkita langsung buka saja text editor kita masing-masing dan kita
ketikkan atau copy paste kode html dan javascript berikut dan berinama filejs_2.html
<html>
<head>
<title>My Web</title>
<script>
function outawaljs(){
var outnya=document.getElementById("outjs1");
outnya.innerHTML="<h2>Ini Javascript pertamaku</h2>";
}
function pesandialog(){
window.alert("Tes refresh onload javascript");
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input type="button" name="button" value="Klik saya" onclick="outawaljs()">
<div id="outjs1"></div>
</body>
<html>
dan kemudian kita load kode diatas dan tampilan atau hasil outputnya hanya tombol dan ketika tombol itu diklik maka akan menghasilkan output seperti berikut
dan sekarang kita coba tambah dengan link tag anchor pada html dan kita kasih event onclick di dalamnya, sehingga kode javascript dan HTML nya seperti berikut
<html><head><title>My Web</title><script>function outawaljs(){var outnya=document.getElementById("outjs1");outnya.innerHTML="<h2>Ini Javascript pertamaku</h2>";}function pesandialog(){window.alert("Tes refresh onload javascript");}</script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><input type="button" name="button" value="Klik saya" onclick="outawaljs()"><a href="#" onclick="pesandialog()">Klik saya</a><div id="outjs1"></div></body><html>
dan ketika kalian klik tag anchor diatas maka akan menghasilkan output seperti berikut
nah event onclick ini biasanya di letakkan pada suatu tag atau komponen HTML yang memungkinkan terjadinya proses klik di tempat tersebut.
saya rasa untuk tulisan tentang mengenal event onclick, menggunakan event onclick pada javascript dan membuat event onclick pada javscript cukup sekian dulu, dan kita
akan lanjut nanti di next tulisan Insya Allah, dan mudah-mudahan tulisan ini bisa membawa dan memberikan manfaat bagi kita semua. Aamiiin.
Salam sobat semua
#javascript #html #free #share #event #onclick #berbagi #gratis #website #websites #web #webdeveloper
Komentar
Posting Komentar