Apakah fungsi alert () dalam javascript?

Question

sebagaimana kita akan menggunakan peramban sebagai lingkungan percobaan kode, ayo kita lihat beberapa fungsi untuk berinteraksi dengan pengguna: alert, prompt dan confirm.

Table of Contents Show

waspada() metode
konfirmasi() metode
prompt() metode
Menangkap perhatian pengunjung
Aturan sederhana dari kode yang benar
Situasi sulit di mana JavaScript peringatan tampaknya tidak berfungsi
Aturan tambahan untuk aturan sederhana
konfirmasi() metode
prompt() metode
Apa itu alert dalam JavaScript?
Apa itu alert html?
Apa fungsi dari confirm ();?
Kapan waktu yang tepat menggunakan alert confirm dan prompt?

alert

Untuk yang satu ini kita sudah pernah melihatnya. Ini akan menampilkan pesan dan menunggu pengguna untuk menekan tombol “OK”.

Contoh:

Mini-window dengan pesan ini disebut modal window. Kata “modal” artinya pengunjung tak bisa berinteraksi dengan apapun di laman, menekan tombol lain, dll. hingga mereka selesai berurusan dengan window ini. Dalam hal ini – hingga mereka menekan “OK”.

prompt

Fungsi prompt menerima dua argumen:

result = prompt(title, [default]);

Ia menampilkan modal window dengan pesan teks, input field untuk pengunjung, dan tombol OK/CANCEL.

titleTeks untuk ditampilkan ke pengunjung.defaultParameter kedua opsional, nilai inisial untuk input field.

Kurung siku didalam sintaks [...]

Kurung siku di sintaks default di kode sintaks di atas menandakan bahwa parameter itu bersifat opsional, tidak benar-benar dibutuhkan.

Pengunjung halaman bisa mengetik sesuatu didalam kotak prompt dan menekan tombol OK. Lalu kita akan mendapatkan teksnya didalam result. Atau pengunjung halaman bisa membatalkan kotak promp dengan menekan Cancel atau menekan Esc pada keyboard, lalu kita akan mendapatkan null sebagai result.

Panggilan ke prompt mengembalikan teks dari input field atau null jika input dibatalkan.

Misalnya:

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

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

In IE: selalu isikan nilai default

Parameter kedua ini opsional, tapi jika kita tidak menyuplai, Internet Explorer akan menyisipkan teks "undefined" ke dalam prompt.

Jalan kode ini di Internet Explorer untuk melihat:

let test = prompt("Test");

Jadi, supaya prompt terlihat bagus di IE, sebaiknya sediakan argumen kedua:

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

confirm

Syntaxnya:

result = confirm(question);

Fungsi confirm menampilkan modal window dengan pertanyaan dan dua tombol: OK dan Cancel.

Hasilnya true jika OK ditekan dan false jika tidak.

Misalnya:

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

alert( isBoss ); // true jika OK ditekan

Kesimpulan

Kita membahas 3 fungsi spesifik peramban untuk berinteraksi dengan pengunjung:

alertmenampilkan pesan.promptmenampilkan pesan yang minta input teks pengguna. Ia mengembalikan teks atau, jika Cancel atau Esc diklik, null.confirmmenampilkan pesan dan menunggu pengguna menekan “OK” atau “Cancel”. Ia mengembalikan true untuk OK dan false untuk Cancel/Esc.

Semua metode ini ialah modal: mereka menyela exekusi script dan tak membolehkan pengunjung berinteraksi dengan apapun di laman hingga window ditutup.

Ada dua batasan yang dibagikan semua metode di atas:

Lokasi tepat modal window ditentukan oleh peramban. Biasanya, di tengah.
Tampilan tepat window juga tergantung peramban. Kita tak bisa modifikasi ini.

Itulah harga untuk kesederhanaan. Ada banyak cara menampilkan window lebih manis dan kaya akan interaksi dengan pengguna, tapi jika “bells and whistles” tak jadi masalah, metode ini baik-baik saja.

Tugas

Kode JavaScript:

let name = prompt("Siapakah nama Anda?", "");
alert(name);

Laman penuh:

<!DOCTYPE html>
<html>
<body>

  <script>
    'use strict';

    let name = prompt("Siapakah nama Anda?", "");
    alert(name);
  </script>

</body>
</html>

metode objek jendela;
alert() metode: ringkasan singkat;
metode konfirmasi() - menulis surat;
prompt() metode - mari berkenalan, saya Stirlitz.

Jadi, objek browser. Dan pertama-tama - yang tertua dari mereka, objek jendela.

Berikut adalah metode utama objek jendela(selain mereka, ada yang lain, tetapi tidak banyak berguna, dan agar tidak mengacaukan otak dengan informasi yang tidak perlu, saya akan menundanya hingga seri ketiga).

metode	Keterangan
	Buka dan tutup jendela browser; dimungkinkan untuk menentukan ukuran jendela, isinya, serta keberadaan papan tombol, bidang alamat, dan atribut lainnya.

	Munculnya kotak dialog alarm dengan pesan yang sesuai.
	Munculnya kotak dialog konfirmasi dengan tombol "OK" dan "Batal".
	Munculnya kotak dialog prompt dengan bidang input teks.
	Mengatur atau menghapus fokus untuk sebuah jendela.

	Menggulir konten jendela ke titik tertentu.
	Mengatur interval waktu antara panggilan fungsi dan evaluasi ekspresi.
	Mengatur interval satu waktu sebelum panggilan fungsi atau evaluasi ekspresi.

Kita sudah tahu itu jendela sering tersirat tetapi tidak dieja.

Memanggil berbagai kotak dialog

Kotak dialog digunakan dalam program untuk berinteraksi dengan pengguna.

waspada() metode

Kami menganalisisnya di awal studi kami. Ini menciptakan kotak dialog sederhana dengan pesan dan tombol OK. Semua interaksinya terbatas pada fakta bahwa pengguna, dengan menekan tombol tunggal ini, dapat mengirim jendela ini ke suatu tempat yang jauh (dan terima kasih untuk itu).

konfirmasi() metode

metode Konfirmasi() sudah memungkinkan pengguna untuk membuat keputusan "boolean" yang paling sederhana: mengatakan "ya" atau "tidak".

Misalnya, klik tombol ini:

Maaf untuk lelucon kecilnya. Saya harap Anda tahu cara menggunakan tombol kembali.

Bagaimana semuanya diatur? Anda, tentu saja, melihat bahwa saya menggabungkan metode ini dengan peringatan. Dan ini dilakukan dengan bantuan fungsi yang dimasukkan ke dalam .

Metode mengembalikan dua nilai: benar(jika OK) dan Salah(jika dibatalkan).

DI DALAM benar kami mengirimkannya ke halaman yang sesuai (properti href obyek lokasi) dan keluarkan yang sesuai peringatan(). Jika tidak (mis. Salah) keluarkan saja yang lain peringatan().

Dan di tombol kita memanggil fungsi di acara tersebut diKlik:

Dan kemudian Anda perlu memanggil fungsi ini dari event handler diKirim menandai , Misalnya:

"http://narod.yandex.ru/send-poll.xhtml" metode="posting" diKirim= "kembalikan konfirmasiAction()">

Di sini, misalnya, Anda dapat menulis kepada saya di "sabun" semua yang Anda pikirkan tentang pelajaran saya. Jika Anda tiba-tiba menjadi bersemangat dan menekan tombol, dan kemudian entah bagaimana menjadi canggung, jendela dialog akan muncul dan membuat Anda sadar.

Jika Anda melakukan pop-up, praktik yang baik adalah memperingatkan pengguna dan memberi mereka pilihan untuk membuka jendela atau tidak. Untuk melakukan ini, sebelum memuat jendela, Anda harus melepaskan "parlemen" - dialog Konfirmasi(). Di sini fungsinya dipanggil dari . Kami akan membicarakan ini segera ketika kami melanjutkan ke pembuatan windows menggunakan metode ini membuka().

prompt() metode

Metode ini sudah meminta pengguna untuk data tertentu. Kotak dialog muncul dengan bidang input. Metode mengembalikan data yang dimasukkan pengguna di bidang ini dan memungkinkan program untuk bekerja dengan data ini.

Pada metode mengingatkan() dua argumen: pertanyaan (yang muncul di atas kolom input) dan jawaban (teks di kolom input):

Jika Anda ingin bidang input tampak bersih, beri tanda kutip kosong sebagai argumen kedua:

mengingatkan("teks pertanyaan","")

Mari kita lihat ini dalam tindakan. Tekan tombol, jangan takut.

Jadi, Anda memasukkan (atau tidak memasukkan) data dan menerima respons dari komputer berdasarkan data ini (atau kekurangannya).

Berikut adalah versi sederhana dari fungsi ini:

Properti dalamHTML, yang memungkinkan Anda untuk mengontrol isi tag, kami bertemu di pelajaran 10, ketika kami memprogram nama di bawah gambar.

Dan ini adalah kode untuk tombol dan paragraf kosong untuk salam.

Tetapi jika Anda ternyata senama saya, Anda melihat bahwa fungsi tersebut bereaksi terhadap ini juga.

Bagaimana melakukan ini dalam versi "kasar", Anda sudah bisa menebaknya sendiri. Perlu memeriksa variabel nama belakang tidak hanya pada tanda kutip kosong, tetapi juga pada " Andrey", dan tambahkan satu lagi jika dengan teks yang sesuai (Anda dapat berlatih sendiri).

Tapi jika Anda mengetik " Andrey", "andryusha", "Andryushka", "Andryukha", "Andreyka", "Andrey Ivanovich", dll., maka hasilnya akan serupa, meskipun saya tidak secara eksplisit melewati semua nilai ini, tetapi hanya mengelola lima baris: " Andre", "andrew", "andrew", "Andreiche" Dan " Andreichu"(tiga terakhir - untuk mengecualikan Andreev, Andreichenko dan Andreichuk dari senama, sambil mempertahankan Andreichik di senama).

Artinya, Anda dapat menebak bahwa fungsi tersebut memeriksa variabel nama belakang untuk 5, 6 atau 8 karakter pertama.

Tapi kita akan membicarakannya nanti, saat kita beralih ke objek string dan metodenya. Saya hanya ingin Anda membayangkan terlebih dahulu tugas-tugas yang harus kita selesaikan (khususnya, semua jenis pemisahan string menjadi substring). Maka keputusan itu sendiri akan tampak lebih jelas. Tetapi jika Anda tidak sabar, Anda dapat "menyalin" fungsi dari kode dan "memotongnya seperti kacang". Bagi yang penasaran, saya tulis komentar di sana.

metode mengingatkan() juga dapat digunakan untuk memasukkan kata sandi.

Ini bukan akhir dari pelajaran!

Mari "bermain mata-mata" sedikit untuk menyelesaikan membaca bab ini. Pertama, coba tekan tombol dan ketik sesuatu.

Ah, itu dia! Tapi lihat, ada tombol lain! Ayo...

Kata sandi:

Tekan tombol pertama lagi dan masukkan kata sandi yang benar.

Semua kesenangan ini, mungkin, memiliki efek, tetapi pada kenyataannya, kata sandi dapat ditemukan dengan menekan tombol kanan dan melihatnya di kode. Beberapa orang mungkin secara naif berpikir bahwa cukup untuk menempatkan kode dalam file .js yang terpisah. Tetapi di kode halaman akan ada tautan ke file ini dengan alamatnya. Dan jika Anda mengetiknya di bilah alamat, maka file dengan kode JavaScript akan terbuka :)

Apakah mungkin untuk mengenkripsi kata sandi dalam kode? Anda bisa, tetapi sekali lagi ini membutuhkan manipulasi string bersama dengan penggunaan beberapa metode matematika. Ketika kita sampai pada semua ini, kita juga akan mempelajari skrip kata sandi "asli". Tetapi teknik interaksi pengguna akan tetap sama: metode mengingatkan(). (Apakah mungkin untuk "memecahkan" kata sandi terenkripsi? Sayangnya, tidak ada batasan untuk kesempurnaan peretas ...)

Dengan cara yang sama seperti kami "menangkap" nama atau ketidakhadirannya, kami akan menangkap kata sandi dengan fungsinya.

Jika Anda memasukkan kata sandi yang salah atau tidak memasukkan apa pun, baris

document.getElementById("tidak").style.display = "blok"

membuka blok dengan tombol kedua

Dan jika kata sandi yang benar dimasukkan, tindakan ditransfer ke string

document.getElementById("yes").style.display = "blok",

yang membuka blok berikutnya

Hentikan, apa itu kryakozubry? Ini adalah sandi sederhana, saya akan menjelaskan segera.

Sementara itu, saya memberikan kode blok-blok ini (untuk kejelasan, saya menghilangkan tabel dengan bingkai, yang telah saya sertakan di blok terakhir):

"tidak" style="tampilan:tidak ada;" >

Ah, itu dia! Tapi lihat, ada tombol lain! Ayo...

"mypassword" style="tampilan:tidak ada;" >

Kata sandi:

Tekan tombol pertama lagi dan masukkan kata sandi yang benar.

"ya" style="tampilan:tidak ada;" >

Sekarang kita baca lebih lanjut.

. . . . .
. . . . .

Jadi, tentang enkripsi. Dia sangat menyedihkan. Ada yang tau fungsinya melarikan diri() Dan melepaskan diri(), akan segera meretasnya.

Fungsi escape("masukkan string disini") mengonversi karakter ke nilai heksadesimalnya.

Fungsi unescape("masukkan quackauber disini") melakukan sebaliknya.

Untuk mengenkripsi kata sandi dengan cara ini, Anda harus melewatinya di rumah melarikan diri(), salin hasilnya dan tempel ke melepaskan diri(). Tapi ini, saya ulangi, tidak serius.

Nah, untuk set lengkap - fungsi tombol kedua:

Untuk menampilkan kotak dialog standar, JavaScript hanya memiliki tiga metode yang kita pelajari hari ini. Meskipun metode ini tidak sering terjadi, kemampuan untuk menggunakannya dengan percaya diri sangat berguna. Mereka sederhana, tetapi pada saat yang sama mereka, dapat dikatakan, pemrograman "murni". Mereka sangat baik untuk mengisi tangan Anda dalam menguasai bahasa pemrograman. Dan saya menyarankan Anda untuk bereksperimen dengan mereka dengan segala cara yang mungkin, bahkan jika tanpa tujuan dari sudut pandang pragmatis. Pemrograman yang baik adalah permainan yang mengasyikkan, seperti halnya kreativitas apa pun.

Dalam pelajaran ini, kita akan mengetahui metode objek jendela: alert() , prompt() , dan confirm() .

waspada() metode

Metode alert() dimaksudkan untuk menampilkan kotak dialog peringatan dengan pesan yang ditentukan dan tombol OK di layar pengguna. Dapat digunakan untuk menyampaikan informasi penting kepada pengguna.

window.alert(Parameter_1);

Metode alert() memiliki satu parameter yang diperlukan, yaitu teks pesan yang ditampilkan di kotak dialog. Metode ini tidak mengembalikan apa pun sebagai hasil dari eksekusinya.

Misalnya, mari kita tampilkan kotak dialog peringatan untuk pengunjung situs saat mengklik tautan: Pergi ke situs

konfirmasi() metode

Metode konfirmasi() dari objek jendela dimaksudkan untuk menampilkan kotak dialog dengan pesan yang ditentukan dan tombol OK dan Batal di layar pengguna. Anda dapat menggunakan jendela konfirmasi untuk meminta izin kepada pengguna untuk melakukan suatu tindakan.

var resultConfirm = konfirmasi(Parameter_1);

Metode ini memiliki satu parameter - teks pesan yang akan ditampilkan di kotak dialog.

Metode confirm() mengembalikan salah satu dari dua nilai sebagai hasil (resultConfirm) dari eksekusinya:

benar jika pengguna mengklik OK;
false jika pengguna mengklik Batal atau menutupnya.

Misalnya, mari kita tampilkan di elemen p dengan id="resultConfirm" hasil dari pengguna mengklik tombol "OK" di kotak dialog:

prompt() metode

Metode prompt() dirancang untuk menampilkan kotak dialog dengan pesan, bidang teks untuk memasukkan data, dan tombol "OK" dan "Batal" di layar pengguna. Hal ini dimaksudkan untuk meminta data dari pengguna.

var resultPrompt = prompt(Parameter_1, Parameter_2);

Metode ini memiliki dua parameter:

pesan yang akan ditampilkan di kotak dialog. Parameter ini diperlukan dan berisi pesan yang "mengatakan" data apa yang harus dimasukkan pengguna di bidang teks;
parameter kedua adalah opsional dan dapat digunakan untuk menentukan nilai awal yang akan ditampilkan di bidang input kotak dialog saat dibuka.

Bergantung pada tindakan pengguna, metode prompt() dapat mengembalikan data berikut:

nilai teks - jika bidang input berisi data dan pengguna mengklik "OK";
string kosong - jika bidang input tidak berisi data dan pengguna mengklik "OK";
null - jika pengguna mengklik "Batal" atau menutup jendela ini, tidak masalah data apa yang dimasukkan di bidang teks.

Catatan: Kotak dialog yang muncul sebagai hasil dari eksekusi salah satu metode alert() , confirm() , atau prompt() adalah modal, mis. itu memblokir akses pengguna ke aplikasi induk (browser) sampai pengguna menutup kotak dialog.

Misalnya, kami akan meminta nama pengguna dan, tergantung pada hasilnya, menampilkan teks dalam elemen c id="nameUser" :

Sebagai contoh, mari kita minta pengguna untuk menebak angka 8:

... Tebak nomornya

Membuat dialog dengan pengunjung sumber daya web dapat dilakukan dengan berbagai cara, di antaranya menggunakan fungsi JavaScript alert() adalah pilihan termudah dan tercepat. Opsi ini sangat baik untuk tujuan pengujian, tetapi pada banyak sumber daya ini digunakan sebagai fungsi alami.

Fungsi JavaScript alert() memungkinkan Anda mendapatkan jawaban afirmatif. Sebenarnya, bukan jawaban yang penting, tetapi fakta dari keluaran informasi. Selain itu, sumber daya web berhenti berfungsi sampai pengguna merespons. Jawaban untuk peringatan selalu sama - ini adalah jawabannya!

Untuk tujuan debugging, JavaScript alert() adalah alat yang sempurna untuk mendapatkan informasi terkini dengan cepat, membuat keputusan, dan melanjutkan pekerjaan Anda. Tetapi untuk tujuan fungsi normal situs, ia juga memiliki cukup banyak keuntungan.

Menangkap perhatian pengunjung

"Peringatan" - seperti dalam hidup, itu membentuk peristiwa yang tidak dapat dilewati. Tetapi peristiwa ini mungkin atau mungkin tidak terjadi..

Pengembang yang jarang menyadari keadaan ini dan sangat lama men-debug situsnya di sisi kliennya. Pada saat yang sama, beberapa pengembang tidak tahu: seringkali sangat sulit untuk menemukan kesalahan di klien, yaitu di browser, sehingga:

berjam-jam waktu berharga terbuang sia-sia;
transformasi kode yang luar biasa dihabiskan;
banyak skrip yang disekop, dengan kata lain, browser dan server mendapatkannya.

Dan tidak ada hasil. Baik debuggers tidak membantu, atau kata-kata, atau alat debugging yang ada di setiap browser. Sementara itu, peti selalu terbuka - kunci yang tepat penting.

Aturan sederhana dari kode yang benar

Pertama-tama, cookie telah menjadi komponen yang paling dituntut dari situs web modern. Anda tidak boleh lupa:

Peringatan JavaScript & cookie dokumen
"di sini dan sekarang" & "sama sekali atau suatu hari nanti".

Cookie adalah fitur keren untuk diingat di kedalaman browser tentang setiap klien, tetapi Anda tidak boleh menganggap ini penting di sesi saat ini. Perhatian utama cookie adalah untuk tetap berada di "memori" browser dalam konten yang dimilikinya saat pengunjung pergi.

Dalam semua hal lain, kode skrip di perut browser hanya bergantung pada dirinya sendiri dan peristiwa yang diprosesnya.

Dalam konteks ini, dan konteks ini ideal di sini, kode tidak dapat gagal berfungsi jika ditulis dengan benar. Ini adalah aturan ideal untuk kode yang benar. Jika browser menampilkan layar kosong atau melakukan kesalahan, ada alasan untuk berasumsi bahwa ada kesalahan.

Lebih mudah untuk diterapkan:

Peringatan JavaScript("Sejauh ini semuanya baik-baik saja!").

Debugger atau debugger terbaik adalah peristiwa yang harus terjadi tapi itu tidak terjadi.

Dengan memindahkan konstruksi ini dari nol ke kejahatan yang mengganggu dalam kode, Anda dapat menemukan tempat setelah itu tidak berfungsi. Kesalahan akan ditemukan. Peringatan JavaScript() adalah jendela modal. Itu tidak dapat dilewati dengan cara apa pun, dan tidak ada yang akan terjadi sampai pengembang / pengunjung menutup jendela ini.

Jika jendela tidak muncul, maka itu salah ditunjukkan dalam kode, atau semua yang muncul sebelumnya mengandung kesalahan.

Situasi sulit di mana JavaScript peringatan tampaknya tidak berfungsi

Ini terutama menyangkut algoritma AJAX untuk bertukar informasi dengan server. Tidak selalu mungkin untuk menggunakan alat debugging klasik di sini, dan ketika sistem objek multi-level beroperasi di sisi klien, maka debugging umumnya diubah menjadi pikiran pengembang dan tidak ada debugger yang dapat membantu.

Opsi terbaik untuk peringatan dalam prosedur untuk berkomunikasi dengan server adalah div (div), di mana protokol untuk berkomunikasi dengan server menggunakan metode innerHTML ditempatkan - akan selalu jelas pada tahap apa masalah terjadi.

Div statis yang selalu terlihat di halaman bukanlah modal peringatan JavaScript. Jendela mungkin tidak muncul, dan mungkin ada banyak alasan untuk ini, dan secara sintaksis benar. Bahasa browser memiliki disposisi yang sangat tenang dan tidak akan pernah mengambil tindakan apa pun jika belum menguraikan dan memahami sesuatu.

Sifat statis dari setiap tag HTML adalah hal yang baik. Menghapus semua kode dan menambahkannya dalam porsi sampai kesalahan muncul kembali bukanlah teknologi tercepat untuk debug. Menulis dengan benar adalah nasihat yang populer, diminati, tetapi tidak praktis.

Bahasa browser digerakkan oleh peristiwa, perhatian utamanya bukanlah kode sekuensial, tetapi eksekusi fungsionalitas yang ditetapkan untuk tag halaman dan penanganan peristiwa.

Aturan tambahan untuk aturan sederhana

Jika jendela dari peringatan JavaScript ("Sejauh ini semuanya ditulis dengan benar") tidak muncul di browser, itu berarti sintaks hingga tempat konstruksi ini ditulis tidak menimbulkan keraguan di browser dan dieksekusi dengan benar.

Logika gaya penulisan modern memiliki kekurangan yang signifikan. Semua file halaman digabungkan (dengan esensi dan jenisnya) menjadi satu kesatuan, dan setelah itu DOM dibangun. Urutan di mana file terhubung seringkali signifikan.

Yang terbaik adalah ketika pengembang tidak mementingkan prinsip acara pengorganisasian pelaksanaan fungsi yang ditugaskan ke acara, tetapi mengatur semua fungsi dalam urutan aplikasi mereka dan penugasan ke tag halaman dan acara.

Ketertiban selalu yang paling penting. JavaScript akan mencari tahu sisanya sendiri: apa dan kapan harus menelepon. Pemrograman modern secara umum dan dalam konteks metode apa pun, pendekatan berorientasi objek yang sangat terorganisir secara khusus, selalu konsisten. selalu digabungkan secara berurutan seperti yang dijelaskan.

Jika sesuatu tidak terjadi, itu berarti: bukan di suatu tempat ada sesuatu yang salah, tetapi hanya di depan tempat ini.

Dan sekali lagi, saya menyambut Anda ke topik lain yang didedikasikan untuk bahasa JavaScript, di mana kita akan menganalisis waspada, cepat, metode konfirmasi. Metode ini dibangun ke dalam bahasa javascript dan membantu kami berinteraksi dengan pengguna.
Peringatan menampilkan jendela dengan informasi tertentu pada layar browser, yang menghentikan sementara skrip hingga pengguna menekan tombol OK.
Mengingatkan, sebagai aturan, menampilkan jendela di mana pengguna ditanyai pertanyaan, yang harus dia jawab di bidang teks tertentu, lalu tekan tombol OK. Pengguna juga dapat memilih untuk tidak memasukkan apa pun dengan menekan tombol batal.
Mengonfirmasi juga menampilkan jendela di mana pengguna tidak dapat lagi memasukkan apa pun di bidang teks, tetapi hanya dapat menekan tombol OK atau Batal.
Dan sekarang, setelah pengenalan singkat, mari beralih ke mempertimbangkan semua hal di atas dalam praktik.

waspada, cepat, konfirmasi

Akibatnya, ketika halaman browser di-refresh, kita akan melihat jendela dengan sapaan pengguna. Setelah menekan tombol OK, jendela berikut akan muncul, di mana mereka akan menanyakan nama Anda. Metode ini memiliki dua parameter, yang pertama diperlukan dan bertanggung jawab atas judul yang akan ditampilkan, dalam kasus kami ini adalah pertanyaan tentang nama pengguna. Dan parameter kedua bertanggung jawab atas nilai yang akan ditampilkan secara default di bidang teks. Jika Anda memasukkan nama Anda dan menekan tombol OK, maka nama Anda akan masuk ke dalam variabel namaPengguna. Jika Anda menekan tombol batal, maka variabel akan ditulis batal.
Dan akhirnya, sebuah jendela yang menanyakan pengguna apakah dia ingin meninggalkan situs kita atau tidak. Dalam hal kesepakatan, nilai boolean akan ditempatkan dalam variabel benar, dan jika terjadi kegagalan Salah masing-masing. Itu saja yang perlu Anda ketahui tentang metode ini, sampai jumpa di tutorial berikutnya!

Pada artikel ini, kita akan mengeksplorasi tiga metode menarik, yaitu alert(), konfirmasi() dan prompt() metode. Mereka semua ditujukan untuk interaksi pengguna.

Ketiga metode ini milik objek jendela. Dan mereka bisa dipanggil seperti ini: window.method_name(); Tetapi, JavaScript memungkinkan kita untuk tidak menentukan objek jendela ini, tetapi cukup menulis nama metodenya.

Kita akan mulai dengan metode alert(). Metode ini menampilkan pesan yang ditentukan di jendela browser pengguna. Kotak ini akan ditampilkan di atas seluruh halaman, dan sampai pengguna mengklik tombol OK, kotak itu tidak akan ditutup.

Untuk mendemonstrasikan, mari tampilkan beberapa pesan menggunakan metode alert().

var today_is = "Senin"; alert("Hari ini adalah " + hari ini_is);

Di dalam metode, kita dapat menentukan string apa pun, hanya tanpa tag html. Mereka tidak diproses di sini, tetapi ditampilkan apa adanya.

Jika string yang ingin kita tentukan sangat panjang, dan kita ingin melakukan transisi ke baris baru, maka berikut adalah tag htmlnya
tidak akan bekerja. Di sini Anda perlu menggunakan karakter "\n".

Alert("Looooooooong \nStringgggggg");

Cara ini sering digunakan untuk menemukan kesalahan dalam kode.

Proses pengolahan kode berjalan dari atas ke bawah, jadi untuk menangkap kesalahan, kita cukup menulis metode alert () di area yang dituju di mana kesalahan itu berada. Dan jika alert() berfungsi, maka tidak ada kesalahan hingga baris di mana ia ditulis.

Selanjutnya, Anda perlu memindahkannya satu baris atau lebih ke bawah. Kami menyimpan perubahan, menyegarkan halaman di browser lagi, dan melihat apakah alert() berfungsi, yang berarti tidak ada kesalahan sebelum baris di mana ia berada, jika tidak, jika tidak berhasil, kesalahannya ada pada baris di atas tempat saat ini. Dengan cara ini, Anda dapat menemukan kesalahan dalam kode.

konfirmasi() metode

Metode ini digunakan untuk mengkonfirmasi jawaban atas beberapa pertanyaan. Pilihan jawaban hanya ada dua, ya (OK) atau tidak (Batal/Batal). Jika pengguna menjawab ya, maka metode akan mengembalikan nilai true, jika tidak maka akan mengembalikan false.

Misalnya, kita akan menampilkan jendela menggunakan metode confirm(), di mana kita akan menanyakan pengguna "Apakah Anda yakin ingin meninggalkan halaman?". Jika pengguna menjawab ya, maka melalui metode alert() kita akan menampilkan pesan seperti "Pengguna ingin meninggalkan halaman", jika tidak kita akan menampilkan pesan lain "Pengguna TIDAK ingin meninggalkan halaman".

Var user_answer = confirm("Yakin ingin keluar dari halaman ini?"); if(user_answer) alert("Pengguna ingin meninggalkan halaman"); else alert("Pengguna TIDAK ingin \nmeninggalkan halaman");

Beginilah cara kerja metode confirm(). Hal ini dapat digunakan dalam kesempatan yang berbeda. Misalnya, sebelum menghapus sesuatu dari situs, biasanya menanyakan kepada pengguna apakah dia yakin dengan tindakannya. Atau, sebelum mengirimkan formulir, Anda juga dapat bertanya kepada pengguna "Apakah Anda mengisi semuanya dengan benar?" Jika dia menjawab ya, maka formulir akan dikirim, jika tidak maka tidak akan dikirim.

prompt() metode

Dan metode terakhir yang akan kita pelajari adalah metode prompt(). Metode ini lebih jarang digunakan daripada dua metode lainnya. Ini memungkinkan Anda untuk mendapatkan beberapa informasi dari pengguna, yang akan ia masukkan ke dalam bidang teks.

Akibatnya, metode prompt() mengembalikan string input jika pengguna mengklik tombol OK, atau null jika pengguna mengklik tombol batal.

Sebagai parameter, yaitu di dalam tanda kurung metode ini, kita dapat menulis string indikatif atau pertanyaan sehingga pengguna mengetahui informasi apa yang perlu dimasukkan.

Misalnya, mari kita meminta pengguna untuk menjawab pertanyaan "Siapa nama Anda?". Nama yang dimasukkan oleh pengguna akan ditampilkan di layar menggunakan metode alert().

Varname = prompt("Siapa Nama Anda?"); alert("Nama Anda adalah " + nama);

Simpan dan buka halaman di browser.

Tentu saja, informasi apa pun dapat dimasukkan ke dalam bidang teks dari metode prompt(). Informasi ini akan dikembalikan sebagai string, bahkan dalam hal angka atau karakter khusus lainnya.

Misalnya, mari kita minta pengguna memasukkan dua angka untuk mengalikannya nanti. Akan ada kalkulator untuk mengalikan angka.

Var x = prompt("Masukkan bilangan pertama :"); var y = prompt("Masukkan bilangan kedua :"); //Mengonversi angka yang dimasukkan dari tipe string ke tipe numerik x = Number(x); y = angka(y); document.write(x + " * " + y + " = " + (x * y));

Angka yang dimasukkan adalah string, jadi untuk hasil perkalian yang benar, angka-angka ini harus diteruskan melalui fungsi Number(), yang mengubahnya dari tipe string menjadi angka normal.

Nah, itu saja. Sekarang Anda tahu tiga metode lagi: waspada(), konfirmasi() dan prompt(). Yang dapat Anda gunakan dengan aman dalam praktik.

Apa itu alert dalam JavaScript?

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

Apa itu alert html?

Cara Input JavaScript ke Dalam HTML Fungsi alert adalah fungsi sederhana yang digunakan untuk menampilkan pesan kepada pengguna/user website kita.

Apa fungsi dari confirm ();?

Dialog confirm() digunakan untuk melakukan konfirmasi dalam melakukan tindakan tertentu. Misalnya: Saat kita menghapus sesuatu, maka ada baiknya menampilkan dialog confirm() .

Kapan waktu yang tepat menggunakan alert confirm dan prompt?

Kapan waktu yang tepat untuk menggunakan alert(), confirm() dan prompt(). Saat kita hanya ingin menampilkan informasi saja, maka gunakan alert(). Saat kita ingin jawaban konfirmasi dari pengguna, maka gunakan confirm(). dan apabila kita ingin mengambil data teks dari pengguna, maka gunakan prompt().

kode javascript JavaScript alert Kode JavaScript Belajar JavaScript Belajar Javascript PDF