Alert Confirm Ve Promt

Alert confirm ve promt

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

Alert

(Uyarı)Seçeneği JavaScripte Kullanıcıya ikaz  vermek yada bir statü degisim sırasında yada butona tıklandıgında karsımıza cıkan uyarı kutusudur

Asagıdaki ilk örnekte basit bir sekli vardır

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Örnek1

<script language="javascript">
alert("hangi alert, RedAlert:D basit bir kod parcası")
</script> 

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>


Başlıksız İçerik______________________

<[if gte mso 10]> <[endif]>

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Örnek 2  Sayfa Açılırken Gösterilien Uyarı

<script language="javascript">
window.alert("sayfa acılırken gösterilen alert box");
</script> 

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

Çıktısı

Başlıksız İçerik______________________

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Confrim(onay Kutusu)

Genellikle kullanıcı bir sey secerken tıklarken yada bir degisiklik yaparken karsımıza cıkan (tamam, vazgec)secenekli onaylama kutucugudur.Eger kullanıcı tamam derse True degerini alır almaz ise false degerine gider

Örnek 1 Basit

<script language="javascript">
confirm("en sadesinden kullanıs")
</script>

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

Çıktısı

Başlıksız İçerik______________________

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>Örnek 2 Link ile bağlanma
<a href="http://dijitalders.com" onclick="return window.confirm('Aykut hocaya ödev yollamak istediginden emimisin');">NEREYE ÖDEV YOLLUYCAM DIYENLER TIKLAYIN</a>

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Çıktısı
Başlıksız İçerik______________________

Örnek 3 Button olarak bağlanma

Genellikle Function olarak yapılır onclik olayına 2 kere yazamadıgımız icin form actım

<form action="http://dijitalders.com" target="_blank">
<input name="yolla" type="submit" value="ödev yolla" onclick="return window.confirm('Aykut hocaya ödev yollamak istermisin')"/>
</form>
 
<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

Çıktısı
Başlıksız İçerik______________________

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Promt (girdi kutusu)

Genellikle kullanıcılardan bilgi almak amacıyla kullanılır Text ve value gireriz text bölümü soruyu sorar value genellikle Null(bos) degerini alır Cunku input’un icine yazıyı yazar.

Örnek1 Basit

<script language="javascript">
prompt("prompt kullanısı","valuesi ile icine yaziyorum")
</script>

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

Çıktısı

Başlıksız İçerik______________________

Örnek
<script>
        let Adi = prompt("Adınız Nedir");

        for (let k = 0; k < 50; k++) {

            for (let i = 0; i < Adi.length; i++) {
                let Yaz = Adi[i];
                document.write(`<div class="Kutucuk">` + Yaz + `</div>`);
            }
        }
</script>
 
.Kutucuk {
  height: 120px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", "Segoe UI", sans-serif;
  font-size: 56px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: linear-gradient(135deg, #667eea, #764ba2);
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(118, 75, 162, 0.35);
  cursor: default;
  user-select: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  padding: 10px 40px;
  margin:10px;
}

.Kutucuk:hover {
  transform: translateY8px) rotate3deg) scale(1.05);
  box-shadow: 0 16px 30px rgba(118, 75, 162, 0.5);
  background: linear-gradient(135deg, #11998e, #38ef7d);
}

Alert Confirm Ve Promt
<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]> <[if gte mso 10]> <[endif]>

Örnek 2 Prompt ve Alert Kullanımı

<script language="javascript">
var isim =prompt("adın nedir","");
var yas =prompt("yasın nedir","");
if (yas<=17)
alert("Erisim engellendi çünkü: " + isim + yas);
else
alert("izin veriyom: " + isim + yas);
</script>

 

<[if gte mso 9]> Normal 0 21 false false false MicrosoftInternetExplorer4 <[endif]><[if gte mso 9]> <[endif]>

<[if gte mso 10]> <[endif]>

Çıktısı

Başlıksız İçerik______________________Başlıksız İçerik______________________Başlıksız İçerik______________________

İLKER ERUCAR

 

Yükleniyor...
Yükleniyor...