Tenho esse código aqui, porém quando clico nos botões eles não fazem nada.
function insertNum(num) {
const numero = document.getElementById('display').innerHTML;
document.getElementById('display').innerHTML = numero + num;
}
<body>
<h1>Calculadora</h1>
<div class="calculadora">
<input type="text" placeholder="0" class="display" id="display">
<div class="keys">
<button id="limpar" class="limpar">AC</button>
<button class="operadores">/</button>
<button class="operadores">x</button>
<button class="operadores">-</button>
<button class="botao-padrao" onclick="insertNum('7')">7</button>
<button class="botao-padrao" onclick="insertNum('8')">8</button>
<button class="botao-padrao" onclick="insertNum('9')">9</button>
<button class="operadores">+</button>
<button class="botao-padrao" onclick="insertNum('4')">4</button>
<button class="botao-padrao" onclick="insertNum('5')">5</button>
<button class="botao-padrao" onclick="insertNum('6')">6</button>
<button class="result">=</button>
<button class="botao-padrao" onclick="insertNum('1')">1</button>
<button class="botao-padrao" onclick="insertNum('2')">2</button>
<button class="botao-padrao" onclick="insertNum('3')">3</button>
<button class="botao-padrao" id="zero" onclick="insertNum('0')">0</button>
<button class="botao-padrao" id="ponto" onclick="insertNum('.')">.</button>
</div>
</div>
</body>
display
é um input, nesse caso deve-se usar a propriedadevalue
, não innerHTML.