Crea los botones en el archivo HTML y realiza las modificiaciones al archivo styles.css que consideres pertinentes Que hace document.querySelector(".display"); ? Esta línea busca en el documento HTML el primer elemento que coincida con el selector CSS especificado, en este caso, un elemento con la clase "display". Devuelve ese elemento del DOM, permitiendo manipularlo posteriormente. En el contexto de la calculadora, está seleccionando el div que muestra los números y resultados.
Que hace const buttons = document.querySelectorAll("button"); ? Similar al anterior, pero querySelectorAll() selecciona todos los elementos que coinciden con el selector (en este caso "button"), no solo el primero. Devuelve una NodeList (similar a un array) con todos los elementos button encontrados en el documento. En la calculadora, está capturando todos los botones para poder trabajar con ellos.
Que hace buttonText = button.textContent; ? La propiedad textContent obtiene el contenido de texto de un elemento del DOM. En este caso, está obteniendo el texto que aparece dentro del botón que se ha pulsado. Por ejemplo, si el botón tiene "7", buttonText tendrá el valor "7". Esto permite identificar qué botón ha sido pulsado.
Que hace y como funciona buttons.forEach((button) => { ...} ? El método forEach() ejecuta una función para cada elemento de un array (o en este caso, para cada elemento de la NodeList de botones). La sintaxis (button) => { ... } es una función de flecha (arrow function) donde button es el parámetro que representa cada elemento individual durante la iteración.
Que hace y como funciona button.addEventListener("click", () => { } ) El método addEventListener() asigna un "escuchador de eventos" a un elemento del DOM. Recibe dos argumentos principales: El tipo de evento a escuchar, en este caso "click" (cuando el usuario hace clic en el botón) Una función a ejecutar cuando ocurra ese evento, aquí es otra función de flecha () => { ... }
Dentro de esta función se define lo que debe suceder cuando se hace clic en un botón específico.