JavaScript-警报对话框无法关闭

我在Google Chrome版本54.0.2840.100(64位)中运行了以下代码.它会依次显示一个警告对话框,直到用户输入正确的答案为止,但问题是当我单击警告对话框中的关闭按钮或取消按钮而不是关闭时,它会继续询问输入.该标签不可点击.尽管如此,我可以关闭chrome主窗口,但是有代码可以纠正此问题.

var answer = Number(Math.floor(Math.random()*10));

do{
    var number = Number(prompt("Guess a number"));
    if(number-answer >10){
        alert("Too big!!");
    }
    else if(number-answer < 10 && number>answer ){
        alert("It's bigger, but you are close!");
    }
    else if(answer-number < 10 && number<answer){
        alert("It's smaller, but you are close!");
    }
    else if(answer-number > 10){
        alert("Too small!!");
    }
    else if(number==answer){
    alert("You WIN !!");
    break;
    }
}while(number!=answer);

解决方法:

最简单直接的答案是删除do … while循环.因为在输入正确答案之前,代码将一直运行.

因此,您可以检查输入的数字,如果为空则将其中断,否则将其转换为您的数字并运行循环.

第一手检查null也会使检查0也很容易

var answer = Number(Math.floor(Math.random()*10));

do{
    var number = prompt("Guess a number");
    if(number!=null){
        number = Number(number);
    } else {
        break;
    }
    if(number-answer >10){
        alert("Too big!!");
    }
    else if(number-answer < 10 && number>answer ){
        alert("It's bigger, but you are close!");
    }
    else if(answer-number < 10 && number<answer){
        alert("It's smaller, but you are close!");
    }
    else if(answer-number > 10){
        alert("Too small!!");
    }
    else if(number==answer){
    alert("You WIN !!");
    break;
    }
}while(number!=answer);