Aim / उद्देश्य
Learn the purpose of JavaScript popup methods. / JavaScript popup methods का उपयोग सीखना।
alert()displays a message. / संदेश दिखाता है।prompt()asks the user to enter text. / text input माँगता है।confirm()returns true for OK and false for Cancel. / OK पर true और Cancel पर false देता है।
Result appears here. / परिणाम यहाँ दिखाई देगा।
Program / प्रोग्राम
document.querySelector("#alertBtn").addEventListener("click", () => {
alert("Hello!");
});
document.querySelector("#promptBtn").addEventListener("click", () => {
const name = prompt("Your name?", "Guest");
document.querySelector("#result").textContent =
name === null ? "You cancelled." : `Hello, ${name}!`;
});
document.querySelector("#confirmBtn").addEventListener("click", () => {
const confirmed = confirm("Do you want to continue?");
document.querySelector("#result").textContent =
confirmed ? "Confirmed." : "Cancelled.";
});Correction / सुधार: Avoid document.write() after a page has loaded because it can replace the page contents. Use textContent to update a page element.