You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 06:58:35