Как при создании div, дать ему значение из переменной?

Question

[renat8059]

Сегодня столкнулся с такой проблемой, что при создании div через JS, создаётся кнопка.
Но вот только не со значением массива, как ожидалось, а с надписью "array[i]".
Создаю вот так:

document.write("<a href=\"dog.html\"><div style=\"font-family:Verdana\" class = \"button\">array[i]</div></a>");

Как передать значение из массива в div при создании?

Comments

[Данил Бабаков]

Интерполяцией

let name = "Maxim";
let str = `Hello ${name}`;

Answer 1

[Ivan Gavrilich]

Вы здесь просто выводите строку array[i].

Вы можете воспользоваться шаблонными строками, чтобы интерполировать данную строку и получить возможность вставить внутрь строки кусок JS-кода.

Вместо Вашего варианта используйте:

document.write(
  `<a href="dog.html"><div style="font-family: Verdana" class="button">${array[i]}</div></a>`
);

Comments

[renat8059]

Спасибо! Работает.