使用JavaScript从HTML按钮获取值

Question

我正在制作一个计算器，我已经用html和css创建了计算器，但是我试图通过在显示器中点击注册按钮来向前推进，这就是我现在的问题。 我是一个相当陌生的JavaScript，所以如果有人能指出我正确的方向，如何做到这一点或在哪里找到答案我会很感激。

这是我正在处理的部分，试图让按钮'7'进行注册，这样我就能完成其他工作。

<div class="container-fluid calc" >
 <div class="display">
  <label type="text" id="screen">0</label>

   <div class="buttons">

     <button onClick='calculate()' id='myButton'>7</button>
     <button>8</button>
     <button>9</button> 

这是我放在一起的JS

function calculate(){
  var num = document.getElementById('#myButton').contentValue;
  document.getElementById('screen').innerHTML = num;
}

calculate();

Answer 1

您应该使用.innerHTML函数而不是.contentValue函数来执行此操作，此外，您不应该在document.getElementById使用# ，这在jQuery中使用，所以只需要ID就够了

function calculate(){
    var num = document.getElementById('myButton').innerHTML;
    document.getElementById('screen').innerHTML = num;
}

calculate();

希望这可以帮助！

Answer 2

你需要更新

 var num = document.getElementById('#myButton').contentValue;

至

 var num = document.getElementById('myButton').innerHTML;

Answer 3

更新

function calculate(){
  var num = document.getElementById('#myButton').contentValue;
  document.getElementById('screen').innerHTML = num;
}

至

function calculate(){
  var num = document.getElementById('myButton').innerText;
  document.getElementById('screen').innerText = num;
}

Answer 4

另一种选择是你可以像这样的数据属性：

<button onClick='calculate()' id='myButton' data-value="7">7</button>

得到它像这样：

$("#myButton").attr("data-value");