Ví dụ về JavaScript Prompt

Hộp thoại nhắc rất hữu ích khi bạn muốn bật lên một hộp văn bản để nhận thông tin nhập của người dùng. Do đó, nó cho phép bạn tương tác với người dùng. Người dùng cần điền vào trường và sau đó nhấp vào OK. Hộp thoại này được hiển thị bằng một phương thức có tên là prompt ()

Sau đây là mã để hiển thị lời nhắc trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<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>JavaScript Prompt() method</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the prompt dialogue box</h3>
<script>
let resultEle = document.querySelector(".result");
document.querySelector(".Btn").addEventListener("click", () => {
   let res = prompt("Are you sure");
   if (res === null) {
      resultEle.innerHTML = "You pressed cancel";
   } else {
      resultEle.innerHTML = "You entered " + res + " in the prompt box";
   }
});
</script>
</body>
</html>

Đầu ra

Ví dụ về JavaScript Prompt

Khi nhấp vào nút ‘BẤM VÀO ĐÂY’ và nhập nội dung gì đó vào hộp khuyến mãi -

Ví dụ về JavaScript Prompt

Khi nhấp vào OK trên hộp nhắc -

Ví dụ về JavaScript Prompt