1. Anasayfa
  2. Javascript

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


0

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>

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

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

0 Yorum
Inline Feedbacks
View all comments