1. Anasayfa
  2. Javascript

JavaScript Örnekleri – Zar Atma Örneği

JavaScript Örnekleri – Zar Atma Örneği
1

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;”]

Bu İçeriğe Tepkin Ne Oldu?
  • 6
    ba_ar_l_
    Başarılı
  • 2
    gayet_yi
    Gayet İyi
  • 0
    te_ekk_rler
    Teşekkürler
  • 2
    anlamad_m
    Anlamadım
  • 2
    yetersiz
    Yetersiz
İlginizi Çekebilir
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1 Yorum
Inline Feedbacks
View all comments
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.