JavaScript örneklerimize sayı bulma oyunu ile devam ediyoruz, kullanıcının girdiği sayıyı bilgisayar tarafından rastgele üretilen sayı ile karşılaştırarak kullanıcıya küçült,büyült veya buldunuz şeklinde mesaj verecek olan javascript örneği, Örnek içerisinde javascriptte fonksiyon kullanımı, form nesnelerin kullanımı konularını da pekiştirmiş olacaksınız kodlarımız ve demo:
<html> <head> <title>bilisimogretmeni.com sayı tahmin oyunu</title> <script type="text/javascript"> var rastgelesayi = Math.round(Math.random() * 99 + 1) var tahminsayisi = 1 function Bul(tahmin){ if (tahmin == ""){ alert("Lüften Bir sayı Girin") document.sayitahmin.tahminim.focus() return }//www.bilisimogretmeni.com if (isNaN(tahmin)){ alert("Geçersiz Bir değer girdiniz") document.sayitahmin.tahminim.value="" document.sayitahmin.tahminim.focus() return } if (tahmin == rastgelesayi){ alert("Tebrikler tahminn sayısını " + tahminsayisi + " tahmininizde buldunuz") return } if (tahmin > rastgelesayi){ alert("Sayıyı Küçült") document.sayitahmin.tahminim.focus() tahminsayisi++ return } if (tahmin < rastgelesayi){ alert("Sayıyı Büyült") document.sayitahmin.tahminim.focus() tahminsayisi++ return } }//www.bilisimogretmeni.com function yeniden(){ rastgelesayi = Math.round(Math.random() * 99 + 1) tahminsayisi = 1 document.sayitahmin.tahminim.value="" } </script> </head> <body> <form name="sayitahmin"> <input type="text" name="tahminim"> <input type="button" Value="Tahmin" onClick="Bul(document.sayitahmin.tahminim.value)"> <input type="button" value="Yeniden Dene" onClick="yeniden()"> </body> </html>
[wp-js-fiddle url=”https://jsfiddle.net/BilisimOgretmeni/udz0m2er/” style=”width:100%; height:200px; border:solid #4173A0 1px;”]