Cara menggunakan lansiran javascript

karena kita akan menggunakan browser sebagai lingkungan pengujian kode, mari kita lihat beberapa fungsi untuk berinteraksi dengan pengguna. alert, prompt dan confirm

Untuk yang satu ini kita sudah melihatnya. Ini akan menampilkan pesan dan menunggu pengguna menekan tombol "OK".

Contoh

alert("Hello");

Jendela mini dengan pesan ini disebut jendela modal. Kata "modal" berarti pengunjung tidak dapat berinteraksi dengan apa pun di halaman, menekan tombol lain, dll. sampai mereka selesai berurusan dengan jendela ini. Dalam hal ini – sampai mereka menekan “OK”

Fungsi prompt menerima dua argumen

result = prompt(title, [default]);

Ini menampilkan jendela modal dengan pesan teks, kolom input untuk pengunjung, dan tombol OK/CANCEL

result = prompt(title, [default]);

result = prompt(title, [default]);

Kurung dalam sintaks

result = prompt(title, [default]);

Tanda kurung siku pada sintaks

result = prompt(title, [default]);

Pengunjung halaman dapat mengetikkan sesuatu di kotak prompt dan menekan tombol OK. Kemudian kita akan mendapatkan teks di

result = prompt(title, [default]);

result = prompt(title, [default]);

result = prompt(title, [default]);

Panggilan ke prompt mengembalikan teks dari kolom input atau

result = prompt(title, [default]);

Sebagai contoh

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

Di IE. selalu isi nilai

result = prompt(title, [default]);

Parameter kedua ini opsional, tetapi jika kami tidak menyediakannya, Internet Explorer akan memasukkan teks

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

Jalankan kode ini di Internet Explorer untuk melihatnya

let test = prompt("Test");

Jadi, agar prompt terlihat bagus di IE, sebaiknya berikan argumen kedua

let test = prompt("Test", ''); // <-- for IE

Sintaks

result = confirm(question);

Fungsi confirm menampilkan jendela modal dengan

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

Hasilnya adalah

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

Sebagai contoh

let isBoss = confirm("Are you the boss?");

alert( isBoss ); // true jika OK ditekan

Kami membahas 3 fungsi khusus browser untuk berinteraksi dengan pengunjung

result = prompt(title, [default]);

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

let age = prompt('Berapakah umut anda?', 100);

alert(`Umur Anda ${age} tahun`); // Umur Anda 100 tahun!

Semua metode ini adalah modal. mereka mengganggu eksekusi skrip dan tidak mengizinkan pengunjung berinteraksi dengan apa pun di halaman hingga jendela ditutup

Ada dua batasan yang dimiliki oleh semua metode di atas

1. Lokasi yang tepat dari jendela modal ditentukan oleh browser. Biasanya, di tengah
2. Tampilan jendela yang tepat juga bergantung pada browser. Kami tidak dapat memodifikasi ini

Itulah harga untuk kesederhanaan. Ada banyak cara untuk menyajikan jendela lebih manis dan kaya interaksi dengan pengguna, tetapi jika "lonceng dan peluit" tidak menjadi masalah, metode ini baik-baik saja

Apa itu peringatan dalam JavaScript?

Waspada untuk apa?

Apa cara yang benar untuk menggunakan file JavaScript dalam HTML?

Bagaimana cara membuat komentar dalam JavaScript?