带有警报的随机数生成器

Question

我正在尝试制作一个生成 1 到 20 之间的随机数的程序，如果生成的数字小于 10，它会提示单词 "fail"，如果大于 10，则提示单词 "success"。我不知道我哪里出错了。帮助！

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display a random number between 1 and 20.</p>

<button onclick="myFunction()">Roll</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = Math.floor((Math.random() * 20) + 1);
    document.getElementById("demo").innerHTML = x;
}    
    if (x < 10) 
{
    text = (x + “Success”);
}
    else 
{
    text = (x + “Fail”);
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Answer 1

你用错误的方式写了引号 "" 并且你有范围问题请参阅 codepen snippet 并找出你的错误

var x='';
var myFunction= function () {
     x = Math.floor((Math.random() * 20) + 1);
    document.getElementById("demo").innerHTML = x;

    if (x < 10) 
{
    text = x + "Success";
}
    else 
{
    text = (x + "Fail");
}
document.getElementById("demo").innerHTML = text;
}

Answer 2

您好，您的代码中有几个错误

所有代码必须写在你的函数myFunction()中；因为 x 的范围仅在该函数内。

您可以通过 jquery 轻松实现此目的，请查看下面的代码和 js fiddle 演示

 $(document).ready(function(){  
        $('#btnRoll').on('click',function(){
             var x = Math.floor((Math.random() * 20) + 1);
           var x = Math.floor((Math.random() * 20) + 1);       
           if(x<10)
             $('#demo').html(x+' fail');
           else
             $('#demo').html(x+' Success');
        });
    });

JsFiddle

谢谢

带有警报的随机数生成器

Random Number Generator With alerts

html

javascript

random

numbers