Задать вопрос
@kuronokey

JS HTML5 — как вставить переменные?

День добрый.
Подскажите, пожалуйста как в этой замечательной технологии реализовать вставку переменных.

Есть html5 )) тег - там всё здорово.

<template id="tpl">
<div>**counter**</div>
      <img class="infinitimg" src="img/**counter**.png">
  </template>


Берём его, вставляем в html и всё работает. Но как сделать что бы можно было в JS коде вставлять переменные в эти шаблоны? Как сделать что бы **counter** в цикле менялся. Это что нужно по всем нодам проходить и искать там **counter**, что бы replace сделать? Есть ли метод попроще. Это вроде как шаблоны же
  • Вопрос задан
  • 260 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Stepik
    JavaScript с нуля - основы языка и практика для начинающих
    2 недели
    Далее
  • Merion Academy
    Фронтенд-разработчик с нуля
    4 месяца
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Решения вопроса 1
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
Можете, например, использовать https://lodash.com/docs/4.17.11#template
const compiled = _.template(`<div><%= counter %></div>
 <img class="infinitimg" src="img/<%= counter %>.png">`);
compiled({ 'counter': 1 });
// => '<div>1</div><img class="infinitimg" src="img/1.png">'
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы