JavaScript Butona Tıklandığında Kod Çalıştırma

JavaScript ile butona tıklandığında kod çalıştırmak için DOM ile örneklenen HTML nesnesinin onclick özelliğine fonksiyon bağlayarak kod çalıştırmak mümkündür. Aşağıdaki HTML + JS kodu butona tıklandığında div içindeki sayıyı bir arttırmaktadır. Ayrıca uygulamanın yapılış videosu için videoyu da izleyebilirsiniz.

HTML +JS kodu:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Tasarım Kodlama</title>
</head>

<body>
	<button id="btn">Arttır</button>
	<div id="goster">0</div>
	
	
	<script>
	
		var btn=document.querySelector("#btn");
		var goster=document.querySelector("#goster");
		
		btn.onclick=function(){
			
			var sayi=Number(goster.innerHTML);
			goster.innerHTML=++sayi;
			
		}

	</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Tasarım Kodlama</title>

</head>

<body>

<button id="btn">Arttır</button>

var btn=document.querySelector("#btn");

var goster=document.querySelector("#goster");

btn.onclick=function(){

var sayi=Number(goster.innerHTML);

goster.innerHTML=++sayi;

}

</script>

</body>

</html>

Video

JavaScript Butona Tıklandığında Kod Çalıştırma

1 Yorum

İptal Et

Bunları da beğenebilirsiniz

1 Yorum