JavaScript örneklerimize zar atma uygulaması ile devam ediyoruz örneğimizde kullanıcı bir butona basacak 1-6 arasında arstgele 2 sayı üretilecek sonuçlar textbox içinde görüntülenecek eğer gelen sonuçlar aynı ise çift attın tebrikler şeklinde ekrandan yazacak uygulamada Math.random(),Math.floor(),document.getElementById ve innerHTML kullanımları mevcut, uygulama kodları ve çalışan hali aşağıda..:
<!DOCTYPE html> <html> <head> <title>http://www.bilisimogretmeni.com/</title> <style> div.zar{ float:left; width:32px; background:#F5F5F5; border:#999 1px solid; padding:10px; font-size:24px; text-align:center; margin:5px; } </style> <script> function ZarAt(){ var zar1 = document.getElementById("zar1"); var zar2 = document.getElementById("zar2"); var status = document.getElementById("status"); var d1 = Math.floor(Math.random() * 6) + 1; var d2 = Math.floor(Math.random() * 6) + 1; var zarToplam = d1 + d2; zar1.innerHTML = d1; zar2.innerHTML = d2; status.innerHTML = "Zarlar Toplamı = "+zarToplam; if(d1 == d2){ status.innerHTML += " Çift Attın Tebrikler"; } } </script> </head> <body> <div id="zar1" class="zar">0</div> <div id="zar2" class="zar">0</div> <button onclick="ZarAt()">Zar At</button> <h2 id="status" style="clear:left;"></h2> </body> </html>
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/y69vqe3t/” style=”width:100%; height:150px; border:solid #4173A0 1px;”]
Veri tabanı dersi Javascript ödevimi yapamıyorum acil yardım eder misiniz. Ödevim 3tane zarın atılması sonucu gelen zarların toplamını bulan uygulama yapılacaktır. Uygulamada zarların atılmadan önceki ve atıldıktan sonraki halleri çizilecektir.