首頁猿問如何使用...

如何使用 <input> 標簽將值傳遞給參數(shù)

JavaScript

慕桂英3389331 2021-06-21 16:00:39

html中的javascript有問題。我創(chuàng)建了一個帶有兩個參數(shù)的函數(shù)，并希望在調(diào)用函數(shù)時使用標記而不是在代碼內(nèi)部將值傳遞給它們。我只是做了傳統(tǒng)的方法。例如，我在 a 和 b 中創(chuàng)建了一個帶有兩個參數(shù)的函數(shù)。然后我調(diào)用了該函數(shù)并給出了兩個值，之后它按預期工作。但我不想要它，我希望這些值可以通過網(wǎng)頁上的輸入框給出。之后，當以某種方式調(diào)用該函數(shù)時，它應該返回結(jié)果。 <script> function sum(a,b) { return a+b; } var s = sum(4,5); document.write(s); </script>

查看完整描述

2 回答

莫回無

TA貢獻1865條經(jīng)驗獲得超7個贊

您需要在事件處理程序中運行代碼，以便在用戶填寫輸入之前不要調(diào)用該函數(shù)。然后您使用該.value屬性來獲取輸入的值。

function sum(a, b) {

return a + b;

}

document.getElementById("but").addEventListener("click", function() {

var a = parseInt(document.getElementById("val1").value);

var b = parseInt(document.getElementById("val2").value);

var s = sum(a, b);

document.getElementById("output").innerText = s;

});

Value 1: <input id="val1"><br> Value 2: <input id="val2"><br>

<button id="but">Compute</button><br> Result: <span id="output"></span>

反對回復 2021-06-24

繁星點點滴滴

TA貢獻1803條經(jīng)驗獲得超3個贊

像這樣的事情應該適合你。您可以根據(jù)您的具體情況進行必要的調(diào)整。

您可以使用document.getElementById()來標識每個輸入，然后使用該value屬性來獲取鍵入的值。還要注意使用parseInt()將文本輸入值轉(zhuǎn)換為（整個）數(shù)字（否則，您會發(fā)現(xiàn)它3+2會返回32（將字符串連接在一起）而不是5（添加數(shù)字））。最后，我通過設(shè)置其innerText屬性將輸出寫回頁面上的另一個特定元素，而不是使用老式的 document.write()。

我使用過的所有功能都可以在 MDN 等網(wǎng)站上更詳細地在線查找。

var goBtn = document.getElementById("go");

//when button is clicked, grab the two input values and pass them to the function

goBtn.addEventListener("click", function() {

var val1 = parseInt(document.getElementById("input1").value);

var val2 = parseInt(document.getElementById("input2").value);

var result = sum(val1, val2);

document.getElementById("result").innerText = result;

});

function sum(a, b) {

return a + b;

}

Input 1: <input type="number" id="input1" />

<br/>

Input 2: <input type="number" id="input2" />

<br/>

<br/><br/> Result:

反對回復 2021-06-24

2 回答
0 關(guān)注
630 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使用 <input> 標簽將值傳遞給參數(shù)

如何使用 <input> 標簽將值傳遞給參數(shù)

2 回答

添加回答