Подскажите практическую часть моей теории )) Присовение класса при активной переменной

Question

Всем привет! Сразу скажу я полный 0 в js и все что с ним связано. Но как понимаю решение именно на нем.

P.S в ходе мозгокопательства пришел к выводу что можно все упростить есть триге (a oneclick="AddWishlist") , нужно по нажатию на этот тригер , присвоить div елементу c id="myid" новый класс , к примеру "newclass". Как такую штуку записать правильно?

такой вариант почему то не работает

    <script>
     document.addEventListener('DOMContentLoaded', () => {
         'use strict';
         let click_on_fa = document.querySelector(".fa-heart"),
         mouse_click = document.querySelector(".wishlist");
         mouse_click.addEventListener("click", function (event) {
             event.preventDefault();
             click_on_fa.classList.add(".new_clicked");
         });

     });
 </script>

Answer 1

Точка в classList.add() не нужна.
Так же отсутствует объявление переменной mouse_click.



<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
velit esse cillum dolore eu fugiat nulla pariatur. 
</p>
<button>CLICK</button>
</div>


.clicked {
color: #BADA55;
background-color: aqua;
}

p {
color: black;
background-color: green;
}


document.addEventListener('DOMContentLoaded', () => {
  'use strict';
  const btn = document.querySelector('button');
  const p = document.querySelector('p');
  btn.addEventListener('click', function (event) {
    event.preventDefault();
    p.classList.add('clicked');
    });
 });

БЛОГ НА HUSL

Подскажите практическую часть моей теории )) Присовение класса при активной переменной

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