无法加载计算器按钮

Question

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++;                
})

按钮在那里，但消息 ${button.symbol} 而不是实际符号

Answer 1

试图在评论中留下这个，但无法弄清楚如何让反引号显示....

使用模板文字时，请使用反引号，而不是 single/double 引号。

function createCalculatorButtons(){
  ...
  row.innerHTML += `<button id = "${button.name}">${button.symbol}</button>`;
    ...             
})

无法加载计算器按钮

cant get the calculator buttons to load

html

javascript

css

dom

calculator