如何让我的按钮名称作为文本输入的答案？

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>