Cara menggunakan html content in string

Fungsi console.log() biasanya digunakan untuk debugging. Karena setiap pesaan error di Javascript selalu ditampilkan di dalam Console.

Selain console.log(), terdapat juga beberapa fungsi untuk debugging seperti

window.alert("Hello World!");
5,
window.alert("Hello World!");
6,
window.alert("Hello World!");
7,
window.alert("Hello World!");
8, dsb.

Cara menggunakan html content in string

Fungsi-fungsi console ini juga berlaku pada console Nodejs.

Cara menggunakan html content in string

2. Menggunakan Fungsi alert()

Fungsi alert() adalah fungsi untuk menampilkan jendela dialog. Fungsi sebenarnya berada pada objek

alert("Hello World!");
1.

Secara lengkap bisa ditulis seperti ini:

window.alert("Hello World!");

Bisa juga ditulis alert() saja seperti ini:

alert("Hello World!");

Fungsi alert(), hanya bisa digunakan di dalam browser saja. Sedangkan pada Nodejs fungsi ini tidak ada.

Cara menggunakan html content in string

Contoh penggunaan fungsi alert():

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Javascript</title>
    <script>
        alert("Selamat datang di tutorial belajar Javascript");

        function sayHello(){
            alert("Hello!");
        }
    </script>
</head>
<body>
    <button onclick="sayHello()">Klik Aku!</button>
</body>
</html>

Hasilnya:

Cara menggunakan html content in string

3. Menggunakan Fungsi document.write()

Objek

alert("Hello World!");
6 adalah objek yang mewakili dokumen HTML di dalam Javascript.

Dalam objek

alert("Hello World!");
6, terdapat fungsi
alert("Hello World!");
8 untuk menulis sesuatu ke dokumen HTML.

Contoh:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Javascript</title>
    <script>
        document.write("<h1>Hello World!</h1>");
        document.write("<hr>");
        document.write("<p>Saya sedang belajar Javascript</p>");
        document.write("di <b>petanikode.com</b>")
    </script>
</head>
<body>

</body>
</html>

Hasilnya:

Cara menggunakan html content in string

Selain fungsi

alert("Hello World!");
8, objek
alert("Hello World!");
6 juga menyediakan berbagai macam fungsi untuk manipulasi dokumen HTML.