Rabu, 28 Februari 2018

Mengenal Javascript

Javascript adalah sebuah bahasa pemograman yang di proses di client side supaya web lebih interactive. Di artikel ini kita akan mengenal JavaScript.

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 lain
innerHTML
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>
<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>
Hasil


Load disqus comments

0 komentar