Добавил чат-бота на сайт и перестал работать перевод языков

Question

Добавил чат-бота на сайт и перестал работать перевод языков в {{ header }} и {{ footer }}, хотя в {{ home }} работает. Убираю скрипт бота и перевод отлично работает. http://shop.cb33457.tmweb.ru/

main.js

    var cont = document.getElementById("contMenu");
    var btn = document.getElementById("contactUs");
    var span = document.getElementsByClassName("close")[0];
    
    btn.onclick = function() {
      cont.classList.toggle("cont_menu2");
    }
    
    span.onclick = function() {
      cont.classList.toggle("cont_menu2");
    }

    var lang_btn = document.getElementById('lang_btn');
        var lang = document.getElementById('lang');
    
            lang_btn.onclick = function() {
              lang.classList.toggle("lang2");
            }
            
            lang.onclick = function() {
              lang.classList.toggle("lang2");
            }
    
        var en_btn = document.getElementById('en_btn');
        var pl_btn = document.getElementById('pl_btn');
        var en_text = document.getElementById('en_text');
        var pl_text = document.getElementById('pl_text');
        var en_text2_0 = document.getElementById('en_text2_0');
        var pl_text2_0 = document.getElementById('pl_text2_0');
        var text_en1 = document.getElementById('text_en1');
        var text_pl1 = document.getElementById('text_pl1');
        var text_en2 = document.getElementById('text_en2');
        var text_pl2 = document.getElementById('text_pl2');
        var text_en3 = document.getElementById('text_en3');
        var text_pl3 = document.getElementById('text_pl3');
        var en_text3_1 = document.getElementById('en_text3_1');
        var pl_text3_1 = document.getElementById('pl_text3_1');
        var en_text3_2 = document.getElementById('en_text3_2');
        var pl_text3_2 = document.getElementById('pl_text3_2');
        var en_text3_3 = document.getElementById('en_text3_3');
        var pl_text3_3 = document.getElementById('pl_text3_3');
        var en_text3_4 = document.getElementById('en_text3_4');
        var pl_text3_4 = document.getElementById('pl_text3_4');
        var en_text4 = document.getElementById('en_text4');
        var pl_text4 = document.getElementById('pl_text4');
        var en_text5_0 = document.getElementById('en_text5_0');
        var pl_text5_0 = document.getElementById('pl_text5_0');
        // var en_text5_1 = document.getElementById('en_text5_1');
        // var pl_text5_1 = document.getElementById('pl_text5_1');
        var en_text5_2 = document.getElementById('en_text5_2');
        var pl_text5_2 = document.getElementById('pl_text5_2');
        var en_text5_3 = document.getElementById('en_text5_3');
        var pl_text5_3 = document.getElementById('pl_text5_3');
        var en_text5_4 = document.getElementById('en_text5_4');
        var pl_text5_4 = document.getElementById('pl_text5_4');
        var en_text5_5 = document.getElementById('en_text5_5');
        var pl_text5_5 = document.getElementById('pl_text5_5');
        var en_text6_1 = document.getElementById('en_text6_1');
        var pl_text6_1 = document.getElementById('pl_text6_1');
        var en_text6_2 = document.getElementById('en_text6_2');
        var pl_text6_2 = document.getElementById('pl_text6_2');
        var en_text6_3 = document.getElementById('en_text6_3');
        var pl_text6_3 = document.getElementById('pl_text6_3');
        var en_text6_4 = document.getElementById('en_text6_4');
        var pl_text6_4 = document.getElementById('pl_text6_4');
        // var btn2_2 = document.getElementById("pl_apn_btn");
        var menu_en = document.getElementById('menu_en');
        var menu_pl = document.getElementById('menu_pl');
        var menu_en2 = document.getElementById('menu_en2');
        var menu_pl2 = document.getElementById('menu_pl2');
    
            en_btn.onclick = function() {
              en_text.classList.toggle("en_text2");
              pl_text.classList.toggle("pl_text2");
              en_text2_0.classList.toggle("en_text2");
              pl_text2_0.classList.toggle("pl_text2");
              text_pl1.classList.toggle("text_pl2");
              text_en1.classList.toggle("text_en2");
              text_pl2.classList.toggle("text_pl2");
              text_en2.classList.toggle("text_en2");
              text_pl3.classList.toggle("text_pl2");
              text_en3.classList.toggle("text_en2");
              en_text3_1.classList.toggle("en_text2");
              pl_text3_1.classList.toggle("pl_text2");
              en_text3_2.classList.toggle("en_text2");
              pl_text3_2.classList.toggle("pl_text2");
              en_text3_3.classList.toggle("en_text2");
              pl_text3_3.classList.toggle("pl_text2");
              en_text3_4.classList.toggle("en_text2");
              pl_text3_4.classList.toggle("pl_text2");
              en_text4.classList.toggle("en_text2");
              pl_text4.classList.toggle("pl_text2");
              en_text5_0.classList.toggle("en_text2");
              pl_text5_0.classList.toggle("pl_text2");
              //en_text5_1.classList.toggle("en_text2");
              //pl_text5_1.classList.toggle("pl_text2");
              en_text5_2.classList.toggle("en_text2");
              pl_text5_2.classList.toggle("pl_text2");
              en_text5_3.classList.toggle("en_text2");
              pl_text5_3.classList.toggle("pl_text2");
              en_text5_4.classList.toggle("en_text2");
              pl_text5_4.classList.toggle("pl_text2");
              en_text5_5.classList.toggle("en_text2");
              pl_text5_5.classList.toggle("pl_text2");
              en_text6_1.classList.toggle("en_text2");
              pl_text6_1.classList.toggle("pl_text2");
              en_text6_2.classList.toggle("en_text2");
              pl_text6_2.classList.toggle("pl_text2");
              en_text6_3.classList.toggle("en_text2");
              pl_text6_3.classList.toggle("pl_text2");
              en_text6_4.classList.toggle("en_text2");
              pl_text6_4.classList.toggle("pl_text2");
              menu_en.classList.toggle("menu_en2");
              menu_pl.classList.toggle("menu_pl2");
              menu_en2.classList.toggle("menu_en2");
              menu_pl2.classList.toggle("menu_pl2");
              en_btn.classList.toggle("en_btn2");
              pl_btn.classList.toggle("pl_btn2");
              btn2.classList.toggle("en_apn_btn2");
              btn2_2.classList.toggle("pl_apn_btn2");
            }
    
            pl_btn.onclick = function() {
              en_text.classList.toggle("en_text2");
              pl_text.classList.toggle("pl_text2");
              en_text2_0.classList.toggle("en_text2");
              pl_text2_0.classList.toggle("pl_text2");
              text_pl1.classList.toggle("text_pl2");
              text_en1.classList.toggle("text_en2");
              text_pl2.classList.toggle("text_pl2");
              text_en2.classList.toggle("text_en2");
              text_pl3.classList.toggle("text_pl2");
              text_en3.classList.toggle("text_en2");
              en_text3_1.classList.toggle("en_text2");
              pl_text3_1.classList.toggle("pl_text2");
              en_text3_2.classList.toggle("en_text2");
              pl_text3_2.classList.toggle("pl_text2");
              en_text3_3.classList.toggle("en_text2");
              pl_text3_3.classList.toggle("pl_text2");
              en_text3_4.classList.toggle("en_text2");
              pl_text3_4.classList.toggle("pl_text2");
              en_text4.classList.toggle("en_text2");
              pl_text4.classList.toggle("pl_text2");
              en_text5_0.classList.toggle("en_text2");
              pl_text5_0.classList.toggle("pl_text2");
              //en_text5_1.classList.toggle("en_text2");
              //pl_text5_1.classList.toggle("pl_text2");
              en_text5_2.classList.toggle("en_text2");
              pl_text5_2.classList.toggle("pl_text2");
              en_text5_3.classList.toggle("en_text2");
              pl_text5_3.classList.toggle("pl_text2");
              en_text5_4.classList.toggle("en_text2");
              pl_text5_4.classList.toggle("pl_text2");
              en_text5_5.classList.toggle("en_text2");
              pl_text5_5.classList.toggle("pl_text2");
              en_text6_1.classList.toggle("en_text2");
              pl_text6_1.classList.toggle("pl_text2");
              en_text6_2.classList.toggle("en_text2");
              pl_text6_2.classList.toggle("pl_text2");
              en_text6_3.classList.toggle("en_text2");
              pl_text6_3.classList.toggle("pl_text2");
              en_text6_4.classList.toggle("en_text2");
              pl_text6_4.classList.toggle("pl_text2");
              menu_en.classList.toggle("menu_en2");
              menu_pl.classList.toggle("menu_pl2");
              menu_en2.classList.toggle("menu_en2");
              menu_pl2.classList.toggle("menu_pl2");
              en_btn.classList.toggle("en_btn2");
              pl_btn.classList.toggle("pl_btn2");
              btn2.classList.toggle("en_apn_btn2");
              btn2_2.classList.toggle("pl_apn_btn2");
            }
                 
        var menu_btn = document.getElementById('menu_btn');
        var burger_menu = document.getElementById('burger_menu');
        var span4 = document.getElementsByClassName("close4")[0];
    
            menu_btn.onclick = function() {
              burger_menu.classList.toggle("burger_menu2");
            }
    
            span4.onclick = function() {
              burger_menu.classList.toggle("burger_menu2");
            }
            
        var more_btn = document.getElementById('more_btn');
        var back_btn = document.getElementById('back_btn');
        var cont2 = document.getElementById('cont2');
        var cont3 = document.getElementById('cont3');
        
            more_btn.onclick = function() {
              cont2.classList.toggle("cont_2");
              cont3.classList.toggle("cont2_2");
              more_btn.classList.toggle("more_btn2");
              back_btn.classList.toggle("back_btn2");
            }
            back_btn.onclick = function() {
              cont2.classList.toggle("cont_2");
              cont3.classList.toggle("cont2_2");
              more_btn.classList.toggle("more_btn2");
              back_btn.classList.toggle("back_btn2");
            }

// конфигурация чат-бота
const configChatbot = {};
// CSS-селектор кнопки, посредством которой будем вызывать окно диалога с чат-ботом
configChatbot.btn = '.chatbot__btn';
// ключ для хранения отпечатка браузера
configChatbot.key = 'fingerprint';
// реплики чат-бота
configChatbot.replicas = {
  bot: {
    0: { content: 'Hey! I am Jarvis - support bot of <a href="http://shop.cb33457.tmweb.ru/" target="_blank">Noir</a> :D', human: [0] },
    1: { content: 'How can I call you?', human: [1] },
    2: { content: '{{name}}, how can I help?', human: [2, 3, 4] },
    3: { content: 'Okay, click on the link to make an <a href="#" target="_blank">online booking</a>', human: [6] },
    4: { content: 'Ok, enter it...', human: [5] },
    5: { content: 'Сlick on the link to <a href="#" target="_blank">register</a>.', human: [6] },
    6: { content: 'Thx for your feedback.', human: [6] },
  },
  human: {
    0: { content: 'Hey! I am glad to meet you', bot: 1 },
    1: { content: '', bot: 2, name: 'name' },
    2: { content: 'Make an online booking.', bot: 3},
    3: { content: 'Leave a review.', bot: 4},
    4: { content: 'To register.', bot: 5},
    5: { content: '', bot: 6, name: 'review' },
    6: { content: 'Go back.', bot: 2},
  }
}
// корневой элемент
configChatbot.root = SimpleChatbot.createTemplate();
// URL chatbot.php
configChatbot.url = '{{ theme_url }}/chatbot/chatbot.php';
// создание SimpleChatbot
let chatbot = new SimpleChatbot(configChatbot);
// при клике по кнопке configChatbot.btn
document.querySelector(configChatbot.btn).onclick = function (e) {
  this.classList.add('d-none');
  const $tooltip = this.querySelector('.chatbot__tooltip');
  if ($tooltip) {
    $tooltip.classList.add('d-none');
  }
  configChatbot.root.classList.toggle('chatbot_hidden');
  chatbot.init();
};
// добавление ключа для хранения отпечатка браузера в LocalStorage
let fingerprint = localStorage.getItem(configChatbot.key);
if (!fingerprint) {
  Fingerprint2.get(function (components) {
    fingerprint = Fingerprint2.x64hash128(components.map(function (pair) {
      return pair.value
    }).join(), 31)
    localStorage.setItem(configChatbot.key, fingerprint)
  });
}

chatbot.js

// полифилл для matches
if (!Element.prototype.matches) {
  Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
}
// полифилл для closest
if (!Element.prototype.closest) {
  Element.prototype.closest = function(s) {
    let el = this;
    do {
      if (Element.prototype.matches.call(el, s)) return el;
      el = el.parentElement || el.parentNode;
    } while (el !== null && el.nodeType === 1);
    return null;
  };
}

function getDateTime() {
  const now = new Date();
  return now.toLocaleString() + 'GMT ' + (-now.getTimezoneOffset() < 0 ? '-' : '+') + Math.abs(now.getTimezoneOffset() / 60);
}

/*
  btn - селектор для выбора кнопки
  key - ключ для хранения отпечатка браузера
  replicas - реплики чат-бота
  root - корневой элемент
  url - URL chatbot.php
*/
function SimpleChatbot(config) {
  if (config['root']) {
    this._$root = config['root'];
  } else {
    throw 'SimpleChatbot: ключ root должен присутствовать в передаваемых данных';
  }
  if (config['replicas']) {
    this._replicas = config['replicas'];
  } else {
    throw 'SimpleChatbot: ключ replicas должен присутствовать в передаваемых данных';
  }
  this._url = config['url'] ? config['url'] : '/chatbot/chatbot.php';
  this._key = config['key'] ? config['key'] : 'fingerprint';
  this._delay = 500;
  // индекс текущей реплики bot
  this._botIndex = 0;

  this._contentIndex = 1;
  this._start = true;
  // переменные чат-бота
  this._params = {};
  this._active = false;
  this._addEventListener();
};


// init
SimpleChatbot.prototype.init = function () {
  if (this._active) {
    return;
  }
  this._active = true;
  const replicasJson = localStorage.getItem('chatbot');
  if (replicasJson) {
    const replicas = JSON.parse(replicasJson);
    // получим переменные чат-бота из LocalStorage
    this._params = replicas.params;
    // установим индекс текущей реплики бота
    this._botIndex = replicas.botIndex;
    // формируем html из реплик LocalStorage
    let html = [];
    let i = 0;
    while (i < replicas.data.length) {
      html.push(SimpleChatbot.templateItem(replicas.data[i]));
      i++;
    }
    var $container = this._$root.querySelector('.chatbot__items');
    $container.insertAdjacentHTML('beforeend', html.join(''));

    this._outputContent(0);
  } else {
    this._outputContent(this._delay);
  }
}

SimpleChatbot.prototype.reset = function() {
  SimpleChatbot.resetTemplate();
  this._botIndex = 0;
  this._contentIndex = 1;
  this._start = true;
  this._params = {};
  this._active = false;
  localStorage.removeItem('chatbot');
  this.init();
}

// общий шаблон
SimpleChatbot.prototype._template = function (type, content, state) {
  var state = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
  return '<div class="chatbot__item chatbot__item_'
    .concat(type, '"><div class="chatbot__content chatbot__content_')
    .concat(type, state, '">', content, '</div></div>');
};

// шаблон кнопки
SimpleChatbot.prototype._templateBtn = function (botIndex, content) {
  return '<button class="btn" type="button" data-bot-index="' + botIndex + '">' + content + '</button>';
};

// получить данные
SimpleChatbot.prototype._getData = function (target, id) {
  var chatObj = this._replicas[target];
  return chatObj[id.toString()];
};

// вывод контента
SimpleChatbot.prototype._outputContent = function (interval) {
  var botData = this._getData('bot', this._botIndex);
  var humanIds = botData.human;
  var $container = this._$root.querySelector('.chatbot__items');
  var botContent = botData.content;
  if (Array.isArray(botContent)) {
    for (var i = 0, length = botContent.length; i < length; i++) {
      if (botContent[i].indexOf('{{') !== -1) {
        for (let key in this._params) {
          botContent[i] = botContent[i].split('{{'.concat(key, '}}')).join(this._params[key]);
        }
      }
    }
  } else {
    if (botContent.indexOf('{{') !== -1) {
      for (var key in this._params) {
        botContent = botContent.split('{{'.concat(key, '}}')).join(this._params[key]);
      }
    }
  }
  var _this = this;
  var fn2 = function () {
    if (_this._getData('human', humanIds[0]).content === '') {
      _this._$root.querySelector('.chatbot__input').disabled = false;
      _this._$root.querySelector('.chatbot__input').dataset.name = _this._getData(
        'human',
        humanIds[0]
      ).name;
      _this._$root.querySelector('.chatbot__submit').disabled = true;
      _this._$root.querySelector('.chatbot__input').focus();
      _this._$root.querySelector('.chatbot__submit').dataset.botIndex = _this._getData(
        'human',
        humanIds[0]
      ).bot;
    } else {
      _this._$root.querySelector('.chatbot__input').value = '';
      _this._$root.querySelector('.chatbot__input').disabled = true;
      _this._$root.querySelector('.chatbot__submit').disabled = true;
      var $humanContent = humanIds.map(function (id) {
        var humanData = _this._getData('human', id);
        return _this._templateBtn(humanData.bot, humanData.content);
      });
      var $humanContentWrapper = _this._template('human', $humanContent.join(''));
      $container.insertAdjacentHTML('beforeend', $humanContentWrapper);
      $container.scrollTop = $container.scrollHeight;
    }
  };
  if (interval) {
    var times = 1;
    if (Array.isArray(botContent)) {
      for (var i = 0, length = botContent.length; i < length; i++) {
        const $botContent = this._template('bot', botContent[i]);
        window.setTimeout(function() {
          $container.insertAdjacentHTML('beforeend', $botContent);
          $container.scrollTop = $container.scrollHeight;
        }, interval * times);
        times++;
      }
    } else {
      const $botContent = this._template('bot', botContent);
      window.setTimeout(function() {
        $container.insertAdjacentHTML('beforeend', $botContent);
        $container.scrollTop = $container.scrollHeight;
      }, interval * times);
      times++;
    }
    window.setTimeout(function() {
      fn2();
    }, interval * times);
  } else {
    if (Array.isArray(botContent)) {
      for (var i = 0, length = botContent.length; i < length; i++) {
        const $botContent = this._template('bot', botContent[i]);
        $container.insertAdjacentHTML('beforeend', $botContent);
        $container.scrollTop = $container.scrollHeight;
      }
    } else {
      const $botContent = this._template('bot', botContent);
      $container.insertAdjacentHTML('beforeend', $botContent);
      $container.scrollTop = $container.scrollHeight;
    }
    fn2();
  }
};

// перевод ответа пользователя в неактивный
SimpleChatbot.prototype._humanResponseToDisabled = function ($target) {
  var $container = $target.closest('.chatbot__content_human');
  var content = $target.innerHTML;
  $container.innerHTML = content;
  $container.classList.remove('chatbot__content_human');
  $container.classList.add('chatbot__content_human-disabled');
  return content;
};

SimpleChatbot.prototype._addToChatHumanResponse = function (humanContent) {
  var $container = this._$root.querySelector('.chatbot__items');
  var $humanContent = this._template('human', humanContent, '-disabled');
  $container.insertAdjacentHTML('beforeend', $humanContent);
  $container.scrollTop = $container.scrollHeight;
};

// функция для обработки события click
SimpleChatbot.prototype._eventHandlerClick = function (e) {
  var $target = e.target;
  var botIndex = $target.dataset.botIndex;
  var url = this._url;
  var data = {};
  var humanContent = '';
  var humanField = '';
  if ($target.closest('.chatbot__submit')) {
    if ($target.closest('.chatbot__submit').disabled) {
      return;
    }
    $target.closest('.chatbot__submit').disabled = true;
    if (!this._$root.querySelector('.chatbot__input').value.length) {
      return;
    }
    this._botIndex = +$target.closest('.chatbot__submit').dataset.botIndex;
    humanContent = this._$root.querySelector('.chatbot__input').value;
    humanField = this._$root.querySelector('.chatbot__input').dataset.name;
    if (humanField) {
      this._params[humanField] = humanContent;
    }
    this._addToChatHumanResponse(humanContent);
    this._outputContent(this._delay);
  } else if (botIndex) {
    this._botIndex = +botIndex;
    // переводим ответ пользователя в неактивный
    humanContent = this._humanResponseToDisabled($target);
    // выводим следующий контент
    this._outputContent(this._delay);
  } else if ($target.classList.contains('chatbot__close')) {
    $target.closest('.chatbot').classList.add('chatbot_hidden');
    document.querySelector('.chatbot__btn').classList.remove('d-none');
    return;
  } else if ($target.classList.contains('chatbot__reset')) {
    this.reset();
    return;
  } else {
    return;
  }
  e.preventDefault();
  // получаем последние сообщения бота
  var _this = this;
  var $botWrapper = document.querySelectorAll('.chatbot__item_bot');
  var $botWrapperLast = $botWrapper[$botWrapper.length - 1];
  var $prev = $botWrapperLast;
  var $first = $prev;
  while ($prev) {
    if (!$prev.classList.contains('chatbot__item_bot')) {
      break;
    }
    $first = $prev;
    $prev = $prev.previousElementSibling;
  }
  var $botContent = $first;
  while ($botContent) {
    if (!$botContent.classList.contains('chatbot__item_bot')) {
      break;
    }
    var $botItems = $botContent.querySelectorAll('.chatbot__content');
    for (var i = 0, length = $botItems.length; i < length; i++) {
      data[_this._contentIndex] = {
        type: 'bot',
        content: $botItems[i].innerHTML,
      };
      _this._contentIndex++;
    }
    $botContent = $botContent.nextElementSibling;
  }
  data[this._contentIndex] = {
    type: 'human',
    content: humanContent,
  };
  this._contentIndex++;

  var fromStorage = localStorage.getItem('chatbot');
  var dataToStorage = [];
  var paramsJSON = {};
  if (fromStorage) {
    dataToStorage = JSON.parse(fromStorage).data;
    paramsJSON = JSON.parse(fromStorage).params;
  }
  for (var key in data) {
    dataToStorage.push({
      type: data[key].type,
      content: data[key].content,
    });
  }
  if (humanField) {
    paramsJSON[humanField] = humanContent;
  }
  var dataToStorageJSON = JSON.stringify({
    botIndex: this._botIndex,
    data: dataToStorage,
    params: paramsJSON,
  });
  localStorage.setItem('chatbot', dataToStorageJSON);

  // данные для отправки
  var dataSend = JSON.stringify({
    id: localStorage.getItem(this._key),
    chat: data,
    start: this._start,
    date: getDateTime(),
  });

  this._start = false;

  // отправляем данные на сервер
  var request = new XMLHttpRequest();
  request.onreadystatechange = function () {
    if (request.readyState === 0 || request.readyState === 4) {
      if (request.status == 200) {
        //console.log(JSON.parse(request.responseText));
      } else {
        //console.log('error');
      }
    }
  };
  request.open('POST', url);
  request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  request.setRequestHeader('Content-Type', 'application/json');
  request.send(dataSend);
};

// функция для обработки события change
SimpleChatbot.prototype._eventHandlerKeydown = function (e) {
  var $target = e.target;
  if (!$target.classList.contains('chatbot__input')) {
    return;
  }
  var btnSubmit = this._$root.querySelector('.chatbot__submit');
  if ($target.value.length > 0) {
    btnSubmit.disabled = false;
  } else {
    btnSubmit.disabled = true;
  }
};

// подключение обработчиков событий
SimpleChatbot.prototype._addEventListener = function () {
  this._$root.addEventListener('click', this._eventHandlerClick.bind(this));
  this._$root.addEventListener('input', this._eventHandlerKeydown.bind(this));
  this._$root.addEventListener('keypress', function(e) {
    if (e.key === 'Enter' && e.target.classList.contains('chatbot__input')) {
      var $submit = e.target.closest('.chatbot').querySelector('.chatbot__submit');
      $submit.click();
    }
  });
};



// шаблон chatbot__item
SimpleChatbot.templateItem = function (replicas) {
  let html = '<div class="chatbot__item chatbot__item_{{type}}"><div class="chatbot__content chatbot__content_{{type}}{{state}}">{{content}}</div></div>';
  html = html.replace('{{type}}', replicas.type);
  html = html.replace('{{type}}', replicas.type);
  html = html.replace('{{state}}', replicas.type === 'bot' ? '' : '-disabled');
  html = html.replace('{{content}}', replicas.content);
  return html;
};

// сброс основного шаблона
SimpleChatbot.resetTemplate = function() {
  let $root = document.querySelector('.chatbot');
  if (!$root) {
    return;
  }
  $root.innerHTML = '<div class="chatbot__title"><span class="chatbot__close"></span>Chatbot<span class="chatbot__reset"></span></div><div class="chatbot__wrapper"><div class="chatbot__items"></div></div><div class="chatbot__footer"><input class="chatbot__input" type="text" disabled><button class="chatbot__submit" type="button" disabled></button></div>';
};

// основной шаблон чат-бота
SimpleChatbot.createTemplate = function() {
  let $root = document.querySelector('.chatbot');
  if ($root) {
    return $root;
  }
  const $fragment = document.createElement('div');
  $fragment.className = 'chatbot chatbot_hidden';
  $fragment.innerHTML = '<div class="chatbot__title"><span class="chatbot__close"></span>Chatbot<span class="chatbot__reset"></span></div><div class="chatbot__wrapper"><div class="chatbot__items"></div></div><div class="chatbot__footer"><input class="chatbot__input" type="text" disabled><button class="chatbot__submit" type="button" disabled></button></div>';
  document.body.appendChild($fragment);
  return document.querySelector('.chatbot');
};

БЛОГ НА HUSL

Добавил чат-бота на сайт и перестал работать перевод языков

Ответы (0 шт):