JavaScript Alert, Confirm ve Prompt Özellikleri

Alert Karşımıza Çıkan Bilgi Kutusudur. Ekrana Uyarımızı Yazabilir, Bizim İçin Değer Alabilir, Evet/HayırSeçmesi Yaptırabilir.

En Basitinden Alert Kodunu İnceleyelim.

  • Ekranımıza “Merhaba !” Uyarısını Gösterelim.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Uyarı Kutusu - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            alert('Merhaba');
        });
    </script>
</body>
</html>
  • Alert Kodumuz İle Ekrana Merhaba Yazısını Gösterdik.
  • Şimdi Confirm’i İnceleyelim.

Confirm İle Onaylama İşlemi Yaptırabilirsiniz. Kullanıcı Onayladığı Zaman Yapılacak İşlemler veOnaylamadığı Zaman Yapılacak İşlemler.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Confirm - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            var onay =confirm("Onaylıyor musunuz ?");
            if(onay==true){
                $('#yaz').html('Onayladın !');
            }else{
                $('#yaz').html('Onaylamadın !');
            }
        });
    </script>
<div style="font:bold 20px verdana;width:300px;margin:0 auto;"id="yaz"></div>
</body>
</html>
  • Kullanıcıya Onaylıyor musun ? Sorusunu Yönelterek Seçim Yaptırdık. Eğer Onay Değerimiz True İse Yapılacaklar, Else İse Yapılacaklar.

Alert Prompt 

  • Prompt İle Kullanıcının İsmini Yazdırabiliriz.

<!DOCTYPE HTML>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Alert Prompt - www.mkoseoglu.com</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function() {
            var doldur = prompt("Lütfen İsminizi Giriniz","Mert Köseoğlu");
            if(doldur !== null){
                $('#yaz').html('Merhaba ' + doldur);
            }else{
                alert('Geçersiz İsim :(');
                location.reload();
            }
        });
    </script>
<div style="font:bold 20px verdana;width:300px;margin:0 auto;"id="yaz"></div>
</body>
</html>
  • Doldur Değeri İle Kullanıcıdan İsmini Yazmasını İstedik. Yazılan İsmi Yine Doldur Değeri İle Yaz ID’sine  HTML Methodu İle Gönderdik.

Demo : http://www.mkoseoglu.com/depo/dersler/alert/alert_prompt.php

Kaynak : http://www.mkoseoglu.com/javascript-jquery/javascript-alert-confirm-ve-prompt-ozellikleri.html Teşekkürler.

Bu içeriklerde ilginizi çekebilir

2 yorum