Anda di halaman 1dari 4

Nama : Ester Vebriyanti

Kelas : R5H
Npm : 201943500610

1. Penulisan javascrip menggunakan fungsi window.alert()


Fungsi window.alert() pada JavaScript berfungsi menampilkan data dalam bentuk
“peringatan” (alert) berupa kotak dialog yang akan muncul pada web browser, tampilan kotak
dialog biasanya berbeda pada tiap-tiap web browser.
<!DOCTYPE html>
 <html>
<body>
<script>
    window.alert('Ester Vebriyanti.');
</script>
</body>
 </html>

Output:

2. Penulisan JavaScript menggunakan fungsi document.write()

berfungsi menampilkan data langsung pada halaman web (bukan pada kotak dialog)
<!DOCTYPE html>
<html>
    <body>
   <script>
      document.write('Ester Vebriyanti');
    </script>
  </body>
</html>

Output :

3. Penulisan JavaScript menggunakan fungsi innerHTML


Berfungsi untuk mendefinisikan konten HTML, untuk menampilkan data pada elemen
tertentu berdasarkan “id” elemen terebut, innerHTML menggunakan (salah satunya)
metode “document.getElementById(id)”, sehingga dapat dapat di tampilkan pada elemen
berdasarkan “id” sebagai salah satu pengenalnya, JavaScript akan mencari elemen pada suatu
dokumen atau suatu halaman web berdasarkan “id” sebagai parameter pencarian.

<!DOCTYPE html>
<html>
<body>
     <p id="PWD"></p>
    <script>
       document.getElementById("PWD").innerHTML = 'Ester Vebriyanti';
    </script>
</body>
</html>

Output :
4. Penulisan JavaScript dan menampilkan data pada console menggunakan fungsi
console.log()

Menampilkan data pada console, data tidak akan tampil pada kotak dialog, pada halaman
web, atau pada elemen melainkan pada fitur console di web browser, console adalah salah satu
developer tool yang terdapat pada semua web browser (kecuali web browser tertentu) yang di
sediakan untuk tujuan debugging, tekan F12 untuk membuka fitur console pada web browser
yang Anda gunakan.

5. <!DOCTYPE html>
6. <html>
7. <body>
8.     <script>
9.        console.log('Ester Vebriyanti.');
10.     </script>
11. </body>
12. </html>

Output :
5. Mendeklarasikan variabel dalam JavaScript
Di bawah ini memuat nilai dari variabel ‘harga1’ dan nilai dari variabel ‘harga2’ kemudian
menjumlahkan kedua nilai tersebut ( dengan operator aritmatika ‘penambahan’ atau
‘penjumlahan’ + ) dan menyimpan nilai hasil penjumlahan tersebut ke dalam variabel ‘total’,
terakhir menampilkan nilai dari variabel ‘total’ sebagai ‘alert’ (lihat penjelasan mengenai fungsi
‘window.alert()’).

<!DOCTYPE html>
<html>
<body>
    <script>
    var harga1 = 1000;
    var harga2 = 2000;
    var total  = harga1 + harga2;
    window.alert(total);
    </script>
</body>
</html>

Output :

Anda mungkin juga menyukai