ABECEM Net logo
ABECE Nazar Boncuğu
ABECE Oyun: Web Kursu Ana Sayfa
Bu sayfayı arkadaşınıza önerin.










Tüm Haberler için tıklayınız

ANA SAYFA - HTML DERSİ - JAVASCRİPT DERSİ - JAVASCRİPT KODLARI - CSS DERSİ - ÖNERİLER

5.BİLGİ GİRİŞ ÇIKIŞI


JavaScript ile fonksiyon yazarken bazı noktalarda ziyaretçiden bir bilgi almanız veya ona bir şey onaylatmanız gerekebilir. Tabi bazı verilerin de ekrana yazılması gerekir. Şimdi bunu JavaScript'le nasıl yapabileceğimizi görelim.

  1. Bilgi girişi

    • prompt()

      Ziyaretçiden ismi adresi gibi bir 'text' almak promt fonksiyonuyla mümkündür.

      prompt("Sorulacak soru","Varsayılan cevap")

      Aşağıdaki örneği body bölümüne <script>...</script> etiketleri arasına yazın. 

      prompt("Adınız nedir?","isim")

    • confirm()

      Ziyaretçinin onayını almak için kullanılır. Ziyaretçi açılan kutuda 'yes' e tıklarsa true, 'no' ya tıklarsa false değerini verir.

      confirm("Sorulacak soru")

      confirm("Emin misiniz?")

    Bu iki fonksiyonun içinde değişken de kullanabiliriz. Örneğin isim diye bir değişkenimiz olsun, bu değişkenin değerini "Ahmet" alalım. Aşağıdaki kod "Adın Ahmet mi?" diye soracak:

    confirm("Adın "+isim+" mi?")

  2. Bilgi Çıkışı

    • write() fonksiyonu

      Write fonksiyonu bize istediğimiz bir yere yazı yazma olanağı sağlar. Bu yer browser penceresi olabileceği gibi, yeni bir pencere veya bir textarea da olabilir.Biz şimdilik bunlardan ilki üzerinde duracağız.

      document.write("Yazılacak metin veya"+değişken)

      Bu fonksiyon yerine document.writeln() fonksiyonunu kullanabilirsiniz, bu fonksiyon yazdıklarınız bitince satırbaşı yapar.

    • alert()

      Bu fonksiyonun içine yazdığımız metin, fonksiyon çağırıldığında ekranda beliren bir kutu içerisinde görüntülenir. Bu kutu üzerindeki 'ok' düğmesine basmılmadan kapanmaz.

      alert("Yazılacak metin")

Şimdi bütün bunları bir örnek üzerinde görelim:

<html>
<head>
 <title>Bilgi giriş çıkışı</title>
 <META content=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type>
</head>
<body>
<script language="JavaScript1.2">
var isim=prompt("Adınız nedir?","isim")
var cevap=confirm("Adınız ekrana yazılsın mı?")
var yaz=(cevap==true)? isim : "Peki, yazılmasın! "
document.write(yaz)
cevap=confirm("Adınız bir alert kutusuna yazılsın mı?")
yaz=(cevap==true)? isim : "Peki, yazılmasın! "
alert(yaz)
</script> 
</body>
</html>


Copyright © ABECE Web Hizmetleri: http://www.abecem.net