Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT POP UP JAVASCRIPT

Artikel ini menjelaskan bagaimana cara membuat pop up javascript sederhana dalam bahasa yang mudah dimengerti.

Daftar Isi:

Langkah 1: Membuat Dokumen HTM...
Langkah 2: Menambahkan Javascr...
Langkah 3: Menjalankan Script

Javascript merupakan bahasa pemrograman yang sangat populer dan sering digunakan dalam pengembangan web. Diantara sekian banyak fungsi Javascript, salah satunya adalah untuk membuat pop up atau alert yang muncul pada layar. Berikut ini cara membuat pop up javascript sederhana.

Langkah 1: Membuat Dokumen HTML

Untuk membuat pop up javascript, kamu perlu membuat dokumen HTML terlebih dahulu. Buat sebuah file dengan ekstensi .html dan buka menggunakan text editor.

Berikut ini adalah contoh struktur HTML sederhana:

<!DOCTYPE html>
<html>
<head>
    <title>Cara Membuat Pop Up Javascript</title>
</head>
<body>

</body>
</html>

Langkah 2: Menambahkan Javascript

Setelah membuat dokumen HTML, langkah selanjutnya adalah menambahkan script Javascript. Kamu bisa menambahkan script javascript di dalam tag <head> atau di dalam tag <body>.

Berikut contohnya:

<!DOCTYPE html>
<html>
<head>
    <title>Cara Membuat Pop Up Javascript</title>
</head>
<body>

<script>
// kode javascript di sini
</script>

</body>
</html>

Membuat Pop Up Menggunakan Fungsi Alert

Untuk membuat pop up, kamu dapat menggunakan fungsi alert() pada Javascript. Fungsi alert ini akan menampilkan sebuah jendela pop up sederhana dengan sebuah pesan dan sebuah tombol OK.

Berikut contohnya:

alert("Ini adalah pop up sederhana!");

Langkah 3: Menjalankan Script

Setelah itu, simpan file HTML dan buka dengan browser. Jika kode javascript sudah benar, maka pop up akan muncul ketika halaman dibuka.

Demikian cara membuat pop up javascript sederhana. Dengan memahami cara ini, kamu bisa mengembangkannya lebih lanjut sesuai dengan kebutuhanmu. Selamat mencoba!

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding