JavaScript Örnekleri – Zar Atma Örneği

1-dice-clipart-six-sided-dice-md
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;”]

  • Fatma Gül

    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.

X

Pin It on Pinterest

X