gpt4 book ai didi

javascript 代码不适用于 html 脚本

转载 作者:行者123 更新时间:2023-12-01 01:08:16 26 4
gpt4 key购买 nike

大家好,我最近刚开始学习 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com