大家好，我最近刚开始学习 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 完全陌生，所以我可能错过了某些部分编程语言。请帮忙。
最佳答案
您的按钮类型是提交，因此每次您按下按钮时，它总是会提交并重新加载页面。通过将输入类型更改为 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 脚本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55409320/