如何在输入错误答案后停止显示网页?

我有一个网页，当加载页面时，它会问一些问题，如果所有的问题都是正确的，然后它才显示身体部分，否则问题将不允许下一个问题或它不应该显示身体部分，请帮助我解决这个问题…

<!DOCTYPE html>
<html>
<head>
<title>Special-Wishes </title>
<script>
let q1=prompt("what is your name...?");    //if the q1 answer is wrong it should not display the body content
if(q1 == "John" || "JOHN" ){
let q2=prompt("what's your nick name...?"); 
if(q2=="blabla"){
alert("welcome to the page"); 
}
}
</script>
</head>
<body>
<h1>My body section</h1>
</body>

它仍然在问下一个问题的原因是由于您的if语句逻辑
if(q1 == "John" || "JOHN" )应该是if(q1 == "John" || q1 == "JOHN" )

更简单的方法是if(q1.toUpperCase() == "JOHN")

为了不显示正文，你要么删除它，要么隐藏它。这可以在if语句

之后的else

块中完成。删除:document.body.remove();
隐藏:document.body.style.display = "none";

当条件不匹配时使用document.body.style.display = "none"

let q1 = prompt("what is your name...?"); //if the q1 answer is wrong it should not display the body content
if (q1 == "John") {
let q2 = prompt("what's your nick name...?");
if (q2 == "blabla") {
alert("welcome to the page");
} else {
document.body.style.display = "none"
}
} else {
document.body.style.display = "none"
}

<body>
<h1>My body section</h1>
</body>

相关内容

最新更新

热门标签：