Bu yazımızda Javascript ile çıktı alma yani ekrana bir şeyler yazdırma konusunu anlatmaya çalışacağım.
Bir programlama diline ilk başladığınız zaman sözdizimi kurallarından sonra göreceğiniz ilk şey genelde ekrana yazdırma komutlarıdır.
Javascript ile 4 şekilde ekrana verileri yansıtabiliriz bunlar
1) innerHTML kodunu kullanarak elementin içerisine yazma
2) window.alert() fonksiyonu ile uyarı mesajları yazdırma
3) console.log() fonksiyonu ile konsola yazdırma
4 document.write() fonksiyonu ile HTML sayfasına yazdırma.
Hazırsanız uçuşa geçelim :)
Bunu kullanarak html elementinin içerisine bir şeyler yazabiliriz. Html elementini seçmek için genel olarak Javascript'te
document.getElementById() fonksiyonu kullanılır. Bu fonksiyon bir parametre alır ve o parametre Html elementinin id özniteliğidir.
<!DOCTYPE html>
<html>
<head>
<title>KodlamakLazım | Javascript</title>
</head>
<body>
<div id="deneme"></div>
<script>
document.getElementById('deneme').innerHTML="Javascript Çok güzel bir dil";
</script>
</body>
</html>
Yukardaki kodu kaydedip tarayıcıda açtığınız zaman ekranda "Javascript Çok güzel bir dil" yazısını göreceksiniz.
Bu fonksiyonla ekrana bir şey yazdırdığınızda kodu yazdığınız sayfa çağırıldığı anda pop-up şeklinde bir uyarı ekranı ve içerisinde fonksiyona yazdığın metin görünecektir.
Ben bu fonksiyonu ilk öğrendiğim zaman içimde garip bir mutluluk olmuştu nedense :)
<!DOCTYPE html>
<html>
<head>
<title>KodlamakLazım | Javascript</title>
</head>
<body>
<script>
windpw.alert("Sitemize uğradığınız için teşekkür ederiz.");
</script>
</body>
</html>
Yukardaki kodu yazıp çalıştırdığınız anda ise ekranda "Sitemize uğradığınız için teşekkür ederiz." yazısı bir uyarı penceresiyle birlikte karşınıza çıkacaktır.
Bu fonksiyonun içerisine bir şey yazıp çalıştırdığınızda ekranda herhangi bir sonuç göremezseniz şaşırmayın :) . Çünkü bu fonksiyonla yazdığınız şeyler yazdığınızda onu görmek için şu adımları izlemeniz gerekmektedir.
1) Sayfanın içinde herhangi bir yere tıklıyoruz
2) Ardından Öğreyi incele diyoruz
3) Sonra karşımıza çıkan sekmelerden Console yazana tıklıyoruz.
<!DOCTYPE html>
<html>
<head>
<title>KodlamakLazım | Javascript</title>
</head>
<body>
<script>
console.log("Console kullan bol bol");
</script>
</body>
</html>
Bu fonksiyonla direk sayfanın içerisine çıktı alabiliyoruz. Ama unutmamanız gereken bir şey var. Sayfa tamamen yüklendikten sonra bu fonksiyonu çalıştırırsanız sayfada ne var ne yok siler ve sadece kendi içerisine yazdığınız şeyi ekrana basar. Dediğim dediktir yani :)
<!DOCTYPE html>
<html>
<head>
<title>KodlamakLazım | Javascript</title>
</head>
<body>
<script>
document.write("Pulim kelimesi sarı civcivim anlamına gelmektedir.");
</script>
</body>
</html>
Bu yazımızında sonuna geldik. Kendini geliştirip bol bol tekrar yapmayı unutma :)