Genera un código JavaScript para que funcione esta calculadora <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Actividad 5.20</title> <link rel="stylesheet" href="/UF1306/Tema 1/activitat_5_20/css/Actividad5.20.css"> </head> <body> <div id="cabecera"> <h2>Actividad 5.20</h2> <h3>Ejemplo calculadora JavaScript</h3> </div> <!-- Calculadora --> <div id="calculadora"> <!-- pantalla y tecla limpiar --> <div class="parteSuperior"> <span class="limpiar">C</span> <div class="pantalla"> </div> </div> <div class="teclas"> <!-- operadores y otras teclas --> <span class="number">7</span> <span class="number">8</span> <span class="number">9</span> <span class="operador">+</span> <span class="number">4</span> <span class="number">5</span> <span class="number">6</span> <span class="operador">-</span> <span class="number">1</span> <span class="number">2</span> <span class="number">3</span> <span class="operador">÷</span> <span class="number">0</span> <span class="symbool">.</span> <span class="igual">=</span> <span class="operador">x</span> </div> </div> <script src="script.js"></script> </body> </html>
//variables const display = document.querySelector(".pantalla"); const numbers = document.querySelectorAll(".number"); const operadores = document.querySelectorAll(".operador"); const limpiar = document.querySelector(".limpiar"); const igual = document.querySelector(".igual"); let operador1 = ""; let operador2 = ""; let resultado = ""; let operador = ""; //numero en pantalla numbers.forEach(number => { number.addEventListener("click", e => { if (operador == "") { operador1 += e.target.innerHTML; display.innerHTML = operador1; } else { operador2 += e.target.innerHTML; display.innerHTML = operador1 + operador + operador2; } }); }); //operadores operadores.forEach(operador => { operador.addEventListener("