Membuat Hello World di Javascript pada file HTML
Buatlah sebuah folder baru misal belajar-js lalu buatlah sebuah file misal index.html lalu copykan kode di bawah ini<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Belajar Javascript by Awan</title>
<script>
document.write("Hello Dunia");
</script>
</head>
<body>
</body>
</html>
Hasilnya
Dari contoh di atas kita menulis javascript di dalam HTML , dan untuk penulisan javascriptnya sendiri di dalam tag <script>. penulisan javascript di html bisa di head maupun di body atau kita membuat external file yang berekstensi .js sehingga kita bisa memanggil file tersebut di file lain.
JavaScript - Display
Untuk menampilkan konten javascript ada beberapa cara yang dilakukan antara laininnerHTML
untuk menampilkan pada element HTML
document.write()
Untuk menampilkan langsung di HTML
window.alert()
Untuk membuat pop up windows di browser
console.log()
untuk meng-outputkan pada console browser kita.
Contoh Kodingan
<!DOCTYPE html>Hasil
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Belajar Javascript by Awan</title>
</head>
<body>
<p id="inner"></p>
<script>
document.getElementById("inner").innerHTML = "Ini innerHTML";
document.write("Ini Document.Write");
window.alert("Ini Windows Alert");
console.log("ini Console Log");
</script>
</body>
</html>
0 komentar