Покурив немного
манульчик, я решить поставленную задачу.
Вообщем js файлы который будет работать с контентом попапа, нужно назвать popup.js и что важно подключить его перед закрывающимся тегом body
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Ads Scout</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="logo">
<div class="logo__img">
</div>
<p class="logo__text">Ad Scout</p>
</div>
<div id="on" class="on">
<div class="on__img">
<img on="0" src="./img/fire-black.svg" alt="">
</div>
<p class="on__text">Зажигаем?</p>
</div>
</header>
<script src="/js/popup.js"></script>
</body>
</html>
После в данном js файле нужно найти элемент попапа, при клики (или ещё чём-то) мы хотим вызывать функцию и собственно прикрутить её к данному событию:
let on = document.getElementsByClassName('on')[0];
on.onclick = function(element) {
let img = on.children[0].children[0];
let work = img.getAttribute('on');
if (work == 0) {
img.src = './img/fire-hov.svg';
img.setAttribute('on', 1);
}
else {
img.src = './img/fire-black.svg';
img.setAttribute('on', 0);
}
};
Спасибо всем за помощь)
