Oi pessoal beleza?
eu estava vendo um projeto de calculadora com javascript e me deparei com um erro.
Uncaught TypeError: Cannot set properties of null (setting 'textContent') at HTMLButtonElement.inserirNumero (calculadora.js:4)
meu jsconst display = document.getElementById('display');
const numeros = document.querySelectorAll('[id*=tecla]');
const inserirNumero = (evento) => display.textContent = evento.target;
numeros.forEach (numero => numero.addEventListener('click', inserirNumero));meu html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>calculadora</title>
</head>
<body>
<div class="calculadora">
<div class="display"></div>
<div class="calculadora-botao">
<button id="limpaDisplay">CE</button>
<button id="limparCalculo">C</button>
<button id="backspace">«</button>
<button id="operadorDivisao">/</button>
<button id="tecla7">7</button>
<button id="tecla8">8</button>
<button id="tecla9">9</button>
<button id="operadorMultiplicacao">*</button>
<button id="tecla4">4</button>
<button id="tecla5">5</button>
<button id="tecla6">6</button>
<button id="operadorSubtracao">-</button>
<button id="tecla1">1</button>
<button id="tecla2">2</button>
<button id="tecla3">3</button>
<button id="operadorAdicao">+</button>
<button id="inverter">±</button>
<button id="tecla0">0</button>
<button id="decimal"">,</button>
<button id="resultado">=</button>
</div>
</div>
<script src="calculadora.js"></script>
</body>
</html>Eu não estou conseguindo entender o porque desse erro.
