Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

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!


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