Question

嗨，大家好，我最近才开始学习javascript，遇到一个问题，当我输入“ 10”作为第一个输入元素并单击“提交”时，它应该在html页面的底部显示“ 10”，但它什么也不打印。

<html>
<head>
<head>

  <form action="" method="POST" id="info">

      <br>Age:<br><label>
        <input name="age" id="age" type="text" placeholder= "enter your age" />
      </label>

      <br>Sex:<br><label>
        female<input name="female" id="female" type="checkbox"  />|
        male<input type="checkbox" name="male" id="male"   />|
      </label>

      <br>weight:<br><label>
        <input type="text" name="weight" id="weight" placeholder="enter your weight in kg"  />   
      </label>

      <input type="submit" form="info" value="Submit" onclick="validation()"/>
  </form>
  <div id="div1"> </div>
<script src = "test.js"></script>
<html>

这是html代码（index.html）

function validation(){
    var ageinput = parseInt(document.getElementById("age"));
    var femaleinput = ducument.getElementById("female");
    var maleinput = ducument.getElementById("male");
    var weight = parseInt(document. getElementById("weight"));
    var formulaformale;
    var formulaforfemale;
    var gendererror;
    if (ageinput == 10){
        gendererror = ageinput
    }
    document.getElementById("div1").innerHTML = gendererror;
}

这是JavaScript代码。（test.js）

我试图找到语法错误，但对我来说一切都很好，我也将我的代码与其他人的代码进行了比较，我可以在代码中找到与众不同的任何内容。我在javascript中是全新的，因此我可能错过了某些内容编程语言。请帮忙。

Answer 1

再试一次：


// add .value
   var ageinput = parseInt(document.getElementById("age").value);

// ducument -> document 
 var femaleinput = ducument.getElementById("female").value;

Answer 2

您的按钮类型为提交，因此每次您按下按钮时，它将始终提交并重新加载页面。通过将输入类型更改为button

使其成为普通按钮

<input type="button" form="info" value="Submit" onclick="validation()"/>

然后按照@Ibra的答案

// add .value
var ageinput = parseInt(document.getElementById("age").value);

// ducument -> document 
var femaleinput = ducument.getElementById("female").value;

javascript代码无法与html脚本一起使用

2 个答案: