function createCalculatorButtons(){ const buttons_row = 6; let added_buttons= 0; calculator_buttons.forEach(button =>{ if(added_buttons % buttons_row == 0){ input_element.innerHTML += '<div class="row"></div>'; } const row = document.querySelector(".row:last-child"); row.innerHTML += '<button id = "${button.name}">${button.symbol}</button>'; added_buttons++; })los botones están ahí pero con el mensaje ${button.symbol} en lugar del símbolo real
Intenté dejar esto en un comentario, pero no pude encontrar la manera de mostrar los acentos graves....
Cuando use literales de plantilla, use el acento grave, no una comilla simple o doble.
function createCalculatorButtons(){ ... row.innerHTML += `<button id = "${button.name}">${button.symbol}</button>`; ... })