JavaScript Açılır Kutuları
JavaScript'te üç tür açılır kutu bulunur: Uyarı kutusu, Onay kutusu ve İstem kutusu.
Uyarı Kutusu
Bilginin kullanıcıya ulaştığından emin olmak istiyorsanız, genellikle bir uyarı kutusu kullanılır.
Bir uyarı kutusu açıldığında, kullanıcının devam etmek için "Tamam" ı tıklaması gerekir.
Sözdizimi
window.alert("sometext");
Yöntem window.alert()
, pencere öneki olmadan yazılabilir.
Örnek
alert("I am an alert box!");
Onay Kutusu
Kullanıcının bir şeyi doğrulamasını veya kabul etmesini istiyorsanız, genellikle bir onay kutusu kullanılır.
Bir onay kutusu açıldığında, kullanıcının devam etmek için "Tamam" veya "İptal" düğmesine tıklaması gerekir.
Kullanıcı "Tamam"ı tıklarsa kutu true değerini döndürür . Kullanıcı "İptal"i tıklarsa kutu false döndürür .
Sözdizimi
window.confirm("sometext");
Yöntem window.confirm()
, pencere öneki olmadan yazılabilir.
Örnek
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
İstem Kutusu
Kullanıcının bir sayfaya girmeden önce bir değer girmesini istiyorsanız, genellikle bir bilgi istemi kutusu kullanılır.
Bir istem kutusu açıldığında, kullanıcının bir giriş değeri girdikten sonra devam etmek için "Tamam" veya "İptal"i tıklaması gerekir.
Kullanıcı "Tamam"ı tıklarsa kutu, giriş değerini döndürür. Kullanıcı "İptal"i tıklarsa kutu boş döner.
Sözdizimi
window.prompt("sometext","defaultText");
Yöntem window.prompt()
, pencere öneki olmadan yazılabilir.
Örnek
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Hat Sonları
Bir açılır kutu içinde satır sonlarını görüntülemek için ters eğik çizgi ve ardından n karakteri kullanın.
Örnek
alert("Hello\nHow are you?");