Question

我无法制作简单的javascript，它会在文本框中输入一个数字，而单击该按钮会返回结果。

    <html>
<head>

<body>

<form>
<input id = "evenoddinput" >

<input type="button" value="check" OnClick="check();">
</form>
<script>
function check()
{
   var v=document.getElementById("evenoddinput").value;

   if(v%2==0)
   {
     } document.write("Even");

    else
    {
     document.write("odd");
    }


}
</script>

</body>
</html>

Answer 1

根据id属性选择元素的正确语法为getElementById而非getValueById。

还可以使用console.log()进行调试。

function check() {
  var v = document.getElementById('evenoddinput').value;
  if (v % 2 == 0) {
    console.log("Even");
  } else {
    console.log("odd");
  }
}

<form>
  <input id="evenoddinput">
  <input type="button" value="check" OnClick="check();">

Answer 2

你的代码错了它一定是

var v=document.getElementById("evenoddinput").value;

不

var v=document.getValueById(evenoddinput).value;

Answer 3

建议不要使用document.write写入页面。因为它将取代整个页面内容。最好使用结果字段并将结果作为innerHTML写入此字段。

function check() {
  var v = document.getElementById('evenoddinput').value;
  
  var result;
  if (v % 2 == 0) {
    result = "Even";
  } else {
    result = "odd";
  }
  
  document.getElementById("result").innerHTML = result;
  
}

<input id="evenoddinput">
<input type="button" value="check" OnClick="check();">

<div id="result"></div>

javascript奇/偶在一个表单中

3 个答案: