如何讓我的按鈕名稱作為文本輸入的答案？

Question

我目前正在做一個石頭剪刀布游戲，它應該采用按鈕名稱（石頭、紙或剪刀）並將其用作玩家輸入。

到目前為止，我的項目通過提示一個文本框來接受玩家的選擇，我可以在其中輸入答案並按預期工作。 javascript 中是否有一種方法可以從按鈕中獲取文本並將其轉換為答案？

Answer 1

或者

 document.querySelectorAll("button").forEach(function(button) { button.addEventListener('click', function(ev) { var value = button.getAttribute("data-type"); console.log("you pressed " + value); }) })

 <button data-type="rock">Rock</button> <button data-type="paper">Paper</button> <button data-type="scissors">Scissors</button>

Answer 2

<button onclick="submit('rock')">Rock</button>
<button onclick="submit('paper')">paper</button>
<button onclick="submit('scissors')">scissors</button>

function submit(answer){
    // there's your answer: answer (it is a local variable)
}

Answer 3

您可以輕松地使用此代碼來獲取您單擊的按鈕的名稱。 我使用 p 標簽來顯示按鈕女巫點擊的名稱。 您可以將其刪除並使用 javascript 代碼供您下次使用

 function getInfo(event){ document.getElementById('p').innerHTML = event.target.innerHTML }

 <button type="button" onclick="getInfo(event)">Rock</button> <button type="button" onclick="getInfo(event)">paper</button> <button type="button" onclick="getInfo(event)">scissors</button> <p id="p"></p>