通过Javascript填充dom元素后，无法读取该元素的值_Javascript

通过Javascript填充dom元素后，无法读取该元素的值

javascript

通过Javascript填充dom元素后，无法读取该元素的值,javascript,Javascript,我有两个javascript函数。一个在页面上写入两个值，另一个尝试读取这些值。问题是第二个函数无法读取这些值——它表示“未定义” 功能包括： <html> <body onload="generate()"> <p> <a type="number" id="first"></a> <a>+</a> <a type="number" id="second"></a> <a&

我有两个javascript函数。一个在页面上写入两个值，另一个尝试读取这些值。问题是第二个函数无法读取这些值——它表示“未定义”

功能包括：

<html>
<body onload="generate()">
<p>
 <a type="number" id="first"></a>
 <a>+</a>
 <a type="number" id="second"></a>
 <a>=</a>
 <input type="number" id="result"></input>
 <button id="submit" onclick="dosome()">Submit</button>
<p id="super"></p>



<script>
var press_flag ="no";
var press_flag ="no";
function generate()
{
    var x = Math.round(Math.random()*100);
    var y = Math.round(Math.random()*100);
    document.getElementById("first").innerHTML = x;
    document.getElementById("second").innerHTML = y;
    var result = document.getElementById("result").value;

    setTimeout(function () {
    alert(press_flag);
    if (press_flag == "yes")
    {}
    else
    {
    document.getElementById("submit").disabled = true;
    var result = x+y;
    document.getElementById("super").innerHTML = result;
    }

    }, 7000);
}

function dosome()
{
   press_flag= "yes";
   alert(document.getElementById("first").value);
   var a = document.getElementById("first").value;
   var b = document.getElementById("second").value;
   var c = document.getElementById("result").value;
   var resultfinal = Number(a) + Number(b);
   if (c==resultfinal)
   {
     document.getElementById("super").innerHTML = "Superb my boy!";
   }

}
</script>
</body>

</html>



+
=
提交

var press_flag=“否”；
var press_flag=“否”；
函数生成（）
{
var x=Math.round（Math.random（）*100）；
var y=Math.round（Math.random（）*100）；
document.getElementById（“first”）.innerHTML=x；
document.getElementById（“第二”）.innerHTML=y；
var result=document.getElementById（“结果”）.value；
setTimeout（函数（）{
警报（按_标志）；
如果（按_标志==“是”）
{}
其他的
{
document.getElementById（“提交”）.disabled=true；
var结果=x+y；
document.getElementById（“super”）.innerHTML=result；
}
}, 7000);
}
函数dosome（）
{
按“是”；
警报（document.getElementById（“first”）.value）；
var a=document.getElementById（“第一”）值；
var b=document.getElementById（“第二”）值；
var c=document.getElementById（“结果”）.value；
var resultfinal=编号（a）+编号（b）；
如果（c==resultfinal）
{
document.getElementById（“super”）.innerHTML=“超级棒，我的孩子！”；
}
}

它适合我，你可以检查它：

<!DOCTYPE html>
<html>
<body>
 first:<br>
 <input type="text" name="firstname" id="first"><br>
  second:<br>
  <input type="text" name="lastname" id="second">
  <input type="text" value="result" id="result">
  <input type="text" id="super">
  <input type="submit" value="submit" id="submit" onclick="generate()">
  <input type="submit" onclick="dosome()">

</body>
</html>
<script>
var press_flag ="no";
function generate()
{
    var x = Math.round(Math.random()*100);
    var y = Math.round(Math.random()*100);
    document.getElementById("first").innerHTML = x;
    document.getElementById("second").innerHTML = y;
    var result = document.getElementById("result").value;

    setTimeout(function () {
    alert(press_flag);
    if (press_flag == "yes")
    {}
    else
    {
    document.getElementById("submit").disabled = true;
    var result = x+y;
    document.getElementById("super").innerHTML = result;
    }

    }, 7000);
}

function dosome()
{
   press_flag= "yes";
   alert(document.getElementById("first").value);
   var a = document.getElementById("first").value;
   var b = document.getElementById("second").value;
   var c = document.getElementById("result").value;
   var resultfinal = Number(a) + Number(b);
   if (c==resultfinal)
   {
     document.getElementById("super").innerHTML = "Superb my boy!";
   }

}
</script>


第一：



第二：

var press_flag=“否”；
函数生成（）
{
var x=Math.round（Math.random（）*100）；
var y=Math.round（Math.random（）*100）；
document.getElementById（“first”）.innerHTML=x；
document.getElementById（“第二”）.innerHTML=y；
var result=document.getElementById（“结果”）.value；
setTimeout（函数（）{
警报（按_标志）；
如果（按_标志==“是”）
{}
其他的
{
document.getElementById（“提交”）.disabled=true；
var结果=x+y；
document.getElementById（“super”）.innerHTML=result；
}
}, 7000);
}
函数dosome（）
{
按“是”；
警报（document.getElementById（“first”）.value）；
var a=document.getElementById（“第一”）值；
var b=document.getElementById（“第二”）值；
var c=document.getElementById（“结果”）.value；
var resultfinal=编号（a）+编号（b）；
如果（c==resultfinal）
{
document.getElementById（“super”）.innerHTML=“超级棒，我的孩子！”；
}
}

它不显示任何未定义的内容。

这些ID的dom元素是什么

第一个和第二个。能否共享html？能否共享html文件添加完整代码