                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

怎么讓在直接在表單上輸出年齡直接得出結(jié)果

<!DOCTYPE HTML>

<html>

<head>

<style>

?.con{

? ? ?

? ? ?width:100px;

? ? ?high:20px;

?}

</style>

function rec()

{?

?var myage ="rec";//趙紅的年齡為99

?myage=45;

if(myage<=44)

? { document.write("青年");}

else if(myage<=59)?

? {document.write("中年人");}

else if(myage<=89)

? {document.write("老年人");}

else? ? ?

? {document.write("長壽老年人");}}

</script>

</head>

<body>

? ? <input class="con" name="button" type="number" value=""/><br>

? ? ?<input name="button" type="button" onClick="rec()" value="請輸出你的年齡" />

</body>

</html>

qq_慕哥8587896

2019-11-06

源自：JavaScript進階篇 4-3

關(guān)注問題我要回答

764

操作

收起

3 回答

2463094
2022-12-12

<!DOCTYPE?HTML>
<html>
<head>
??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
??<title>年齡-結(jié)果</title>
</head>
<body>
<span>年齡:</span>
<input?id="t2"><br>
<button?onclick="pd()">判斷</button>
<input?id="t1">
</body>
<script?type="text/JavaScript">
??var?tt1=document.getElementById("t1");
??var?n1="青年";
??var?n2="中年人";
??var?n3="老年人";
??var?n4="長壽老年人";
??var?n="年齡階段為：";
??function?pd(){
????var?nt="未判斷";//但是空白默認為0,亂填顯示這個
????var?myage?=document.getElementById("t2").value;
//趙紅的年齡為?輸入框t2
????if(myage<=44)
????{nt=n1;}
????else?if(myage<=59)
????{nt=n2;}
????else?if(myage<=89)
????{nt=n3;}
????else?if(myage>=90)
????{nt=n4;}
????tt1.value=n+nt;
??}
</script>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

曉之蛇
2019-11-08

在rec()方法中定義了常量【myage=45;】的話，那么調(diào)用rec()方法時就一直取的45這個常量。

重點：我們需要獲取從文本框中用戶輸入的值，動態(tài)判斷：

獲取表單的實現(xiàn)代碼：var myage = document.getElementById("age").value;

參考代碼：

<!DOCTYPE?HTML>
<html>
<head>????
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>????
<title>if...else</title>????
<style>?????
.con{?????	
????width:100px;?????	
????high:20px;?	
????}
</style>
</head>
<body>????
<input?id="age"?class="con"?name="button"?type="number"/><br>????
<input?name="button"?type="button"?onClick="rec()"?value="請輸出你的年齡"?/>????
<p?id="show"></p>
</body>
<script?type="text/JavaScript">
function?rec(){??
????var?myage?=?document.getElementById("age").value;
????if(myage>=0&&myage<=44)??
????{?document.getElementById("show").innerHTML?=?"青年";}
????else?if(myage>44&&myage<=59)???
????{document.getElementById("show").innerHTML?=?"中年人";}
????else?if(myage>=59&&myage<=89)??
????{document.getElementById("show").innerHTML?=?"老年人";}
????else???????
????{document.getElementById("show").innerHTML?=?"長壽老年人";}
}</script>
</html>