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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!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> |
Video
1 Yorum