Как в JavaScript через innerHTML вывести переменное значение?

Question

[stakhovyak]

Привет, хабровчане! Я сразу скажу, что абсолютный новичок в js.
Моя задача сгенерировать строку от 1 до 8, как сбоку шахматной доски.

function stringCounter(){
    const count = document.querySelector('.string_counter');
    for(let i=0; i<8; i++){
        count.innerHTML += '<div class="count_cell">${i+1}</div>';
    }
}

вот мой код, нужно чтобы строка отображалась в html документе, но я не могу сделать так, чтобы в каждом вставляемом с помощью innerHTML div'е отображалось новое число. Помогите пожалуйста!

Answer 1

[blvlvt]

Используй шаблонные строки ``, вместо ''

Answer 2

[Алексей]

Или шаблонные строки, или

count.innerHTML += '<div class="count_cell">' + ( i+1 ) + '</div>'