Привет!
Необходимо добавить тег
<script> и его содержимое в body. Знаю, что есть метод appendChild(), но по каким-то причинам у меня получается его применить.
Делаю так:
document.body.appendChild(
`<script id="script-hello">
var arrBtns = document.getElementsByClassName('promo-tabs__btn'),
arrCont = document.getElementsByClassName('promo-tabs__content');
[].forEach.call(arrBtns, function(item, i, arr){
item.addEventListener('click', function(el){
el.preventDefault();
for (var i = 0; i < arr.length; i++) {
arr[i].classList.remove('active-tab');
}
var testTrue = el.currentTarget.classList.contains('active-tab');
if (!testTrue) {
item.classList.add('active-tab');
var hrefTab = item.getAttribute('href').slice(1);
for (var i = 0; i < arrCont.length; i++) {
arrCont[i].classList.remove('active-con');
var idCont = arrCont[i].getAttribute('id');
if (hrefTab === idCont) {
arrCont[i].classList.add('active-con');
}
}
}
}, false);
});
</script>
`
);
Как мне решить эту проблему?