【发布时间】:2022-06-13 20:31:49
【问题描述】:
我一直在运行这段代码,到目前为止我没有看到任何错误,但显示功能可以正常工作......所需的输出将类似于屏幕顶部的 NameAgeValue。任何我不知道的解决方案或错误?
<html>
<header>
<style>
body{
font-size:16px;
}
#maintext{
font-size:40px;
}
</style>
<script>
function submitsurvey(){
window.name = document.getElementById("name").value;
window.age = document.getElementById("age").value;
window.gender = document.getElementById("gender").value;
function getgender(){
if (document.getElementById("gender1").checked == true){
window.male= document.getElementById("gender1").value;
}
if (document.getElementById("gender2").checked == true){
window.male= document.getElementById("gender2").value;
}
if (document.getElementById("gender3").checked == true){
window.male= document.getElementById("gender3").value;
}
if (document.getElementById("gender4").checked == true){
window.male= document.getElementById("gender4").value;
}
}
function display(){
document.getElementById("maintext").innerHTML = window.age + window.name + window.male; //strings will concatinate
}
</script>
</header>
<body>
<div id="maintext"></div>
Name: <input type="text" id="name" value=""><br><br>
Age: <input type ="text" id="age" value=""><br><br>
<form id="gender">
Gender: <br><input type="radio" value="Male" id="gender1" name= "gender">Male
<br><input type="radio" value="Female" id="gender2" name= "gender">Female
<br><input type="radio" value="Other" id="gender3" name= "gender">Other
<br><input type="radio" value="NoInfo" id="gender4" name= "gender">I prefer not to disclose
</form>
<br><br>
Please leave any other comments below!<br>
<textarea id="comments" cols="'30" rows="5"></textarea><br><br>
<button onclick=submitsurvey()>Submit Survey</button>
<button onlcick=display()>Display Name (run after submit)</button>
</body>
</html>
【问题讨论】:
-
在标记您的问题时请记住JavaScript is not Java。
标签: javascript html