Javascript 获取1到10之间的随机整数,然后提示用户输入猜测数

Javascript 获取1到10之间的随机整数,然后提示用户输入猜测数,javascript,input,Javascript,Input,我正在做Javascript练习。这里有一个问题:编写一个JavaScript程序,程序获取1到10之间的随机整数,然后提示用户输入猜测数。如果用户输入与猜测数字匹配,程序将显示消息“工作正常”,否则显示消息“不匹配” 我有这个代码,但我不知道如何获得输入和显示答案 函数检查(){ var x=数学地板((数学随机()*10)+1); var i=document.getElementById('InputField')。值; 如果(i==x){ 回报“好工作”; }否则{ 返回“不匹配”;

我正在做Javascript练习。这里有一个问题:编写一个JavaScript程序,程序获取1到10之间的随机整数,然后提示用户输入猜测数。如果用户输入与猜测数字匹配,程序将显示消息“工作正常”,否则显示消息“不匹配”

我有这个代码,但我不知道如何获得输入和显示答案

函数检查(){
var x=数学地板((数学随机()*10)+1);
var i=document.getElementById('InputField')。值;
如果(i==x){
回报“好工作”;
}否则{
返回“不匹配”;
}
}


试试这种方法调用
检查
按钮上的功能
单击并在
p
标签上打印消息

函数检查(){
var x=数学地板((数学随机()*10)+1);
var i=document.getElementById('InputField')。值;
如果(i==x){
document.getElementById('random').innerHTML=“干得好”;
}否则{
document.getElementById('random').innerHTML=“不匹配”;
}
}


您当前的版本将无法正常工作,因为
i
是字符串,
x
是整数。您需要使用
==
而不是
==
,这样它们的类型就不会与它们的值进行比较

或者,当使用
var i=parseInt(document.getElementById('inputfield').value)对其进行赋值时,可以将
i
转换为整数,但如果您使用抽象比较运算符(
==
),JavaScript将免费执行此操作

函数检查(){
var x=数学地板((数学随机()*10)+1);
var i=document.getElementById('InputField')。值;
var feedback=document.getElementById('feedback');
如果(i==x){
feedback.innerHTML=‘做得好’;
}否则{
feedback.innerHTML='不匹配';
}
}


您可以这样做

函数检查(){
var x=数学地板((数学随机()*10)+1);
var i=document.getElementById('InputField')。值;
如果(i==x){
document.getElementById('random').innerHTML=“干得好”;
}否则{
document.getElementById('random').innerHTML=“不匹配”;
}
}


在函数外部声明
x
,因为每次提交数字时,都会创建一个新的随机数。因此,首先生成一个随机数,然后比较它是否正确

var x=Math.floor((Math.random()*10)+1);
函数检查(){
var i=document.getElementById('InputField')。值;
如果(i==x){
document.getElementById(“random”).innerHTML=“很好的猜测”;
}否则{
document.getElementById(“random”).innerHTML=“回答错误..请重试”;
}
}

功能检查(){
var x=数学地板((数学随机()*10)+1);
var i=document.getElementById('InputField')。值;
如果(i==x){
警惕(“干得好”);
document.getElementById('random').innerHTML=x+“=”+i;
}否则
{警报(“不匹配”);
document.getElementById('random').innerHTML=x+“”+i;
}              
}


这是修改后的脚本。希望你能从中得到更多的帮助

 <input id="inputFiled" type=text /><input type="button" onclick="check()" value="Submit">
<p id="random"></p>

<script>
function check() {

    var x = Math.floor((Math.random() * 10));
    var i = document.getElementById('inputFiled').value;
    if (parseInt(i) === parseInt(x)) {
      alert("Good Work");
    }else {
       alert("Not matched");
    }

}
</script>

函数检查(){ var x=数学地板((数学随机()*10)); var i=document.getElementById('InputField')。值; if(parseInt(i)==parseInt(x)){ 警惕(“干得好”); }否则{ 警报(“不匹配”); } }
当随机数与用户输入的数字匹配时,它将返回“干得好”的结果。

函数onClick(){
var randomNum=Math.floor((Math.random()*10)+1),
inputValue=document.querySelector('input.test')。值;
如果(输入值!=“”){
console.log(randomNum==inputValue?'Good Work':'notmatched')
}否则{
警报(“输入任意数字”);
}
}


function check(){var x=Math.floor((Math.random()*10)+1);var i=document.getElementById('inputfield').value;if(i==x){document.getElementById('random').innerHTML=“干得好”;}else{document.getElementById('random').innerHTML=“不匹配”}HTML代码:-

var i=Number(document.getElementById('inputfield').value)我知道我需要的是用DOM返回。谢谢您的帮助。我在按钮上单击了
onclick
,但它不起作用,但当我看到您的代码时,我知道我没有返回DOM。谢谢你的帮助。
 <input id="inputFiled" type=text /><input type="button" onclick="check()" value="Submit">
<p id="random"></p>

<script>
function check() {

    var x = Math.floor((Math.random() * 10));
    var i = document.getElementById('inputFiled').value;
    if (parseInt(i) === parseInt(x)) {
      alert("Good Work");
    }else {
       alert("Not matched");
    }

}
</script>