課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
如果從文本框里面接收參數(shù) 再通過onclick調(diào)用add3()該怎么寫??????
2019-11-11
源自:JavaScript進階篇 5-4
正在回答
<body>???? <form?id="root"> ????<input?type="text"?id="num1"?placeholder="第一個數(shù)">???????? ????<input?type="text"?id="num2"?placeholder="第二個數(shù)">???????? ????<input?type="text"?id="num3"?placeholder="第三個數(shù)">???????? ????<input?type="submit"?value="求和">????? </form>???? <p?id="result"></p> </body> <script?type="text/javascript">???? document.getElementById("root").addEventListener("submit",add3);?//綁定事件,調(diào)用方法???? function?add3(e){???????? ????e.preventDefault();?//阻止默認(rèn)事件???????? ????var?num1?=?parseInt(document.getElementById("num1").value);?//獲取表單值,轉(zhuǎn)為數(shù)值類型???????? ????var?num2?=?parseInt(document.getElementById("num2").value);???????? ????var?num3?=?parseInt(document.getElementById("num3").value);???????? ????var?sum?=?0;???????? ????sum?=?num1?+?num2?+num3;???????? ????document.getElementById("result").innerHTML?=?"結(jié)果為:"+sum;???? } </script>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函數(shù)</title>
<script type="text/javascript">
? function? app2(x,y)
? { var sum,x,y;
? ? sum = x * y;
? ? return sum;
? }
? function getvalue()
? {
? ?// alert("1111");
? ?//獲取文本框中輸入的值
? ? var nu1 = document.getElementById("num1").value;
? ? var nu2 = document.getElementById("num2").value;
? ? req1 = app2(nu1,nu2);
? ? document.write(req1);
</script>
</head>
<body>
? ? <input type="text" id='num1' /><br/>
? ? <input type="text" id='num2'/><br/>
? ? <input type="button" value="點擊提交" onclick="getvalue()">
</body>
</html>
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
2 回答onclick和onClick大小寫問題
2 回答一個小小的問題.....
2 回答onclick的click是大寫還是小寫
1 回答一些JS的問題
5 回答.onclick=function(){}這種形式的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-11-11
2020-03-06
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函數(shù)</title>
<script type="text/javascript">
? function? app2(x,y)
? { var sum,x,y;
? ? sum = x * y;
? ? return sum;
? }
? function getvalue()
? {
? ?// alert("1111");
? ?//獲取文本框中輸入的值
? ? var nu1 = document.getElementById("num1").value;
? ? var nu2 = document.getElementById("num2").value;
? ? req1 = app2(nu1,nu2);
? ? document.write(req1);
? }
</script>
</head>
<body>
? ? <input type="text" id='num1' /><br/>
? ? <input type="text" id='num2'/><br/>
? ? <input type="button" value="點擊提交" onclick="getvalue()">
</body>
</html>