jQuery addClass example

Change class name on click in jQuery

by 20yco

HTML

<li>
      <button class="likebutton">
           <img src="icons/lined.png" alt="lined heart" class="unliked" id="unliked">
           <img src="icons/solid.png" alt="solid heart" id="liked" class="onzichtbaar">
      </button> 777
</li>

JavaScript

function unlikeVerhaal(e) {
    e.preventDefault;
    document.getElementById('unliked').classList.add('onzichtbaar');
    document.getElementById('liked').classList.remove('onzichtbaar'); 
} 

document.querySelector('.likebutton').addEventListener('click', unlikeVerhaal);