function 返回按鈕 javascript 的值

Question

我有 4 個帶有值（數字）的按鈕，現在我需要一個僅返回按鈕值的 function。

 function myFunction(btn-id) { return document.getElementById(btn-id).value; }

 <button id="first" class="button" onclick="myFunction()">1</button> <button id="second" class="button" onclick="myFunction()">2</button> <button id="third" class="button" onclick="myFunction()">3</button> <button id="fourth" class="button" onclick="myFunction()">4</button>

Answer 1

在onclick屬性中使用this來引用被單擊的按鈕。

無需傳遞 ID，您只需傳遞按鈕本身即可。

您也不能在變量名中使用- ，而是使用_ （ btn_id ）。

你的按鈕都沒有價值，我已經添加了它們。

未使用onclick function 的返回值。 在下面的演示中，我將其更改為記錄值。

 function myFunction(btn) { console.log(btn.value); }

 <button id="first" class="button" onclick="myFunction(this)" value="one">1</button> <button id="second" class="button" onclick="myFunction(this)" value="two">2</button> <button id="third" class="button" onclick="myFunction(this)" value="three">3</button> <button id="fourth" class="button" onclick="myFunction(this)" value="four">4</button>