Javascript Dersleri Pencere Komutları (Uyarı Kutusu – Onay Kutusu)

Uyarı Kutusu

İlk pencere komutumuz alert(…) kodu. Bu kodu daha önceki sayfalarda da kullanmıştık ve biliyoruz ki uyarı kutusu yapmaya yarar. JavaScript değişkenlerini ve tırnak içinde olmak şartıyla HTML kodlarını uyarı kutusuyla gösterebiliyorduk ve “+” işareti ile bunları birleştirebiliyorduk. Şimdi küçük bir tekrar uygulaması yapalım.

<html>
<head>
<title>Uyarı Kutusu</title>
<script language=“JavaScript”>
//Fonksiyonu hazırlıyoruz.
function kup()
{
var y
y = 59 * 59 * 59
alert(“59 sayısının kübü = + y)
}
</script>
</head>
<body>

<form>
59 sayısının kübünü öğrenmek istiyorsanız düğmeye basın.<br>
<!Düğmeye basıldığında fonksiyon çağrılır.>
<input type=button onclick=“kup() value=“Sayının kübünü al!>
</form>

</body>
</html>

 

Onay Kutusu

Uyarı kutusu haricinde kullanabileceğimiz bir başka pencere aracı da onay kutusudur. Bu kutu ile kullanıcının onayı alınır. Bu kutuyu yaratmak için confirm(…) komutunu bir değişkene eşitleriz. Kullanıcının onayı true, onay vermemesi ise false şeklinde ifadelendirilir. Uygulamamıza bakalım

<html>
<head>
<title>Onay Kutusu</title>
<script language=“JavaScript”>
//Fonksiyonu hazırlıyoruz.
function bomba()
{
var onay
onay = confirm(“Mars gezegenine doğrulttuğunuz nükleer bombalar hazır. Gezegeni yok etmek için onay verin.”)
if (onay == true) document.write(“Koskoca gezegeni yok ettin de eline ne geçti?”)
else document.write(“Yok etme operasyonu iptal edildi, tüm Marslılar size teşekkür ediyor.”)
}
</script>
</head>
<body>

<form>
Nükleer bombaları ateşlemek için düğmeye basınız.<br>
<!Düğmeye basıldığında fonksiyon çağrılır.>
<input type=button onclick=“bomba() value=“ATEŞ!>
</form>

</body>
</html>

X

Pin It on Pinterest

X