JavaScript Çıktı Görme

JavaScript nerelere çıktı verebilir ?

JavaScriptten veri çıkışı almanın bir çok yolu vardır.

console.log() fonksiyonu ile çıktı alabiliriz.

alert() fonksiyonu ile çıktı alabiliriz.

document.write() fonksiyonu ile çıktı alabiliriz.

document.getElementById() fonksiyonu ile çıktı alabiliriz.

Console.log() ile çıktı almak

console.log() fonksiyonu ile çıktı alabiliriz.

index.js adında bir dosya oluşturup, aşağıdaki kodu yazıyoruz.

1console.log("Merhaba Dünya");

Tarayıcınızda sayfanızı açtığınızda F12 tuşuna basarak konsolu açtığınızda Merhaba Dünya yazısını görürsünüz.

Alert() fonksiyonu ile çıktı almak

alert() fonksiyonu ile çıktı alabiliriz.

index.js adında bir dosya oluşturup, aşağıdaki kodu yazıyoruz.

1alert("Merhaba Dünya");

Sayfayı açtığımız anda Merhaba Dünya yazısını içeren bir bilgilendirme kutucuğu açılacaktır. Aşağıdaki butona tıklayarak deneyebilirsin.

Bu butonu yapmayı daha sonra öğreneceğiz.

document.write() ile çıktı almak.

document.write() fonksiyonu ile çıktı alabiliriz.

index.js adında bir dosya oluşturup, aşağıdaki kodu yazıyoruz.

1document.write("Merhaba Dünya");

Bu kodu çalıştırdığımızda bütün html kodu silinip Merhaba Dünya içerisine yazılacaktır.

document.write() komutu sadece test amaçlı kullanılmalıdır!

HTML dosyasının içine yazmak

index.html adında bir dosya oluşturup, aşağıdaki kodu yazıyoruz.

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5document.getElementById("merhaba").innerHTML = "Merhaba Dünya";
6</head>
7<body>
8<h1 id="merhaba">Benim içimdeki yazı değişicek.</h1>
9</body>
10</html>
11