@NeveR3d

Скрипт и верстка?

Подскажите пожалуйста, при вставке данного скрипта на страницу, вся верстка на сайте идет к чертям, помогите пожалуйста исправить
const start = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 0, 0, 0, 1);
 
setInterval(() => {
  const arr = String((parseInt((new Date - start) / 10000))).split("");
  const length = arr.length;
  let html = `<div id="counter"><div id="counter-on-site">Сейчас на сайте</div><div id="counter-digits"><div id="counter-digits-tab-1" class="counter-digits-tabs" style="display: block;">`;
 
for (let i = length - 1; i >= 0; i -= 1) {
    html += `<span class="digit-${i}">${arr[i]}</span>`;
  }
 
  html += "</div></div><div id=\"counter-digits-tabs-triggers\"><a href=\"#counter-digits-tab-1\" class=\"active\">Организаций</a><div class=\"clear\"></div></div>";
 
  document.body.innerHTML = html;
}, 1000);
  • Вопрос задан
  • 215 просмотров
Решения вопроса 1
M0NSTERC4T
@M0NSTERC4T
Front End Engineer in Live Typing
В предпослейдней строке вы в тег body вставляете ваш счетчик. Соответственно вся верстка что была в теге bodyисчезнет. Вообще немного странный способ и лучше бы вынести все html теги в html файл, но если у вас опыта не много, то самым простым способом будет создать на странице контейнер для вашего счетчика, то есть добавить в ваш html файл такой код <div class="js-counter__container"></div> и вместо кода document.body.innerHTML = html написать
document.querySelector('.js-counter__container').innerHTML = html
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы