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.

Posted by Nazim Mert Bilgi

Adım Nazım Mert, soyadım ise Bilgi. 98 yılında Karaman'da doğdum, 2011 yılından itibaren Antalya'da ikâmet ediyorum. Yazılıma olan merakımı 2013'de faaliyete geçirdim ve 2015 yılı yazında Bilge Adam Akademi'den "Üstün Başarı" ve "Microsoft Certified Solution Developer" ünvanıyla mezun oldum. 2011 yılından itibaren ise, siz değerli ziyaretçilerimi en iyi içeriği sunabilmek için, bu blog'da bazı gözlemlerimi ve bazı ilimleri paylaşıyorum.

2 thoughts on “JavaScript Alert, Confirm ve Prompt Özellikleri”

Comments are closed.