将用户输入的数字与Javascript中随机生成的数字进行比较

我想创建一个随机生成的数字，要求用户输入一个数字，然后比较两者，然后显示一个弹出窗口，告诉他们是否匹配。这是我的密码

函数myFunction（）{
var num=document.getElementById（“demo”）.innerHTML=Math.floor（1000+Math.random（）*9000）；
}
函数myFunction1（）{
var secondInput=document.getElementById（“demo1”）.value；
if（num==secondInput）
{
窗口警报（“相同”）；
}
其他的
{
警告（“不要再这样做了cvv”）；
}

按下按钮查看代码

代码：


比较

此代码有效。请注意，有两项改进：

• 在加载javascript之前，您引用了

  myFunction（）

• 如果希望在其他位置引用var

  num

  ，而不将其作为参数传递，则需要将其保持在全局范围内
• 比较值时，请确保选择正确的输入字段，并将值字符串转换为数字

var-num；
函数myFunction（）{
num=document.getElementById（“demo”）.innerHTML=Math.floor（1000+Math.random（）*9000）；
}
document.getElementById（“button1”）.addEventListener（'click'，myFunction）
document.getElementById（“button2”）.addEventListener（“单击”，myFunction1）
函数myFunction1（）{
var secondInput=document.getElementById（“demo1”）.value；
如果（num===+secondInput）{
窗口警报（“相同”）；
}
否则{
警告（“不要再这样做了cvv”）；
}
}

按下按钮查看代码

代码：


比较

首先，必须在全局范围内定义两个函数都可以访问的

num

，并且必须使第一个函数只显示数字，而不每次生成新数字

var-num；
函数show（）{
document.getElementById（“demo”）.innerHTML=num；
}
函数randomizeAndCompare（）{
num=Math.floor（1000+Math.random（）*9000）；
var secondInput=document.getElementById（“demo1”）.value；
if（num==secondInput）{
窗口警报（“相同”）；
}
否则{
警告（“不要再这样做了cvv”）；
}
}

按下按钮查看代码

代码：


比较

这里有一些提示

首先，myFunction1（）没有关闭。您还应该将其重命名为更有意义的名称，如“compareValue（）”。这样更易于阅读代码

您也没有在compareValue（）函数中比较这两个数字。您的'num'变量没有定义。您还试图从按钮中提取用户输入值

请参见我的更改建议：

function generateRandom() {
    document.getElementById("demo").innerHTML = Math.floor(1000 + 
    Math.random() * 9000);
}

function compareValues() {
    var num = document.getElementById("demo").innerHTML;
    var input = document.getElementById("number").value;

    if( num === input)
    {
        window.alert("Same");
    }
    else
    {
        window.alert("Don't do that again  cvv");
    }
}

HTML:

<button onclick="generateRandom()">press the button to see the code</button>
<p id="demo"></p>

code: <input id="number" type="text" name="code" required/><br/><br/>

<button onclick="compareValues()">Compare</button>    
<p id="demo1"></p> 

按下按钮查看代码

代码：


比较

document.getElementById（“demo1”）.value

现在看看你的HTML中什么样的元素是

demo1

那么，你的问题是什么？它不工作了你怎么知道？你收到错误了吗？如果是，错误在哪一行？错误是怎么说的？我运行它，页面没有显示弹出窗口。这就是为什么我有一个窗口警报，即使它们不一样数字。但这两种情况都没有显示什么