Hộp thoại prompt rất hữu ích khi bạn muốn hiển thị một hộp văn bản để lấy đầu vào từ người dùng. Điều này cho phép bạn tương tác với người dùng. Người dùng cần điền trường và nhấn OK. Hộp thoại này được hiển thị bằng phương thức prompt().
Dưới đây là mã để hiển thị prompt trong JavaScript:
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>Phương thức JavaScript Prompt()</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút trên để lấy hộp thoại prompt</h3> <script> let resultEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { let res = prompt("Bạn có chắc chắn không?"); if (res === null) { resultEle.innerHTML = "Bạn đã nhấn hủy"; } else { resultEle.innerHTML = "Bạn đã nhập " + res + " trong hộp prompt"; } }); </script> </body> </html>
Kết quả
Khi nhấn nút 'NHẤN VÀO ĐÂY' và nhập nội dung vào hộp prompt:
Khi nhấn OK trên hộp prompt:
