)
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..:
Kod:
<!DOCTYPE html>
<html>
<head>
<title>Zar Atma Örneği</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>
