如何在JavaScript中获取两个confirm()弹窗的返回值?
如何在JavaScript中获取两个confirm弹窗的返回值并展示结果
当然没问题!confirm() 是阻塞式的弹窗——也就是说,它会暂停代码执行,直到用户点击了确定或取消按钮,所以我们可以很轻松地按顺序获取两个弹窗的返回值,再根据结果生成对应的文本展示出来。
实现步骤:
- 依次调用两个
confirm()弹窗,把各自的返回值(布尔值:true代表点击OK,false代表点击Cancel)存在变量里。 - 根据两个变量的组合,生成对应的描述文本。
- 找到id为
result的<p>标签,把生成的文本赋值给它的textContent属性。
完整代码示例:
// 第一个弹窗,获取用户选择 const isWarm = confirm("Is it warm?"); // 第二个弹窗,获取用户选择 const isRaining = confirm("Is it raining?"); // 根据两个结果拼接文本 let resultText; if (isWarm && isRaining) { resultText = "It's warm and it's raining."; } else if (isWarm && !isRaining) { resultText = "It's warm and it's not raining."; } else if (!isWarm && isRaining) { resultText = "It's not warm and it's raining."; } else { resultText = "It's not warm and it's not raining."; } // 把结果写入id为result的p标签 document.getElementById("result").textContent = resultText;
小技巧优化:
如果觉得if-else嵌套太繁琐,也可以用模板字符串简化文本拼接,代码会更清爽:
resultText = `It's ${isWarm ? "" : "not "}warm and it's ${isRaining ? "" : "not "}raining.`;
内容的提问来源于stack exchange,提问作者firajk
相关产品推荐
相关产品推荐

