<html>
<head></head>
<title>www.coffeestory.com</title>
<script>
function lewat()
{
image1.src="espresso1.jpg"
}
function keluar()
{
image2.src="Coffee.png"
}
</script>
<body>
<h1 onmouseover="this.style.color='brown'" onmouseout="this.style.color='green'" align="center">COBA GERAKAN MOUSE LEWAT KALIMAT INI</h1>
<br>
<h2 align="center" span style="color:brown" onclick="this.style.fontSize='30'">COBA KLIK KALIMAT INI</h2>
<img id="image1" src="Coffee.png"
onmouseover="lewat()" onmouseout="keluar()">
</body>
</html>
Simpan dengan nama : onclick.html.
Simpan di C:\xampp\htdocs\BelajarHTML
BelajarHTML itu nama folder yang gue gunakan untuk menyimpan onclick.html
Sebelum membuka di mozilla Firefox teman aktifkan dulu xampp nya seperti ini;
Maka akan tampil seperti gambar berikut ini;
Seperti gambar dibawah ini;
Semoga Bermanfaat ^_^
