I am trying to swap an SVG logo image on click using Javascript. My script looks like this:
document.querySelector('.logo').addEventListener('click', function() {
document.querySelector('#logo-switch').src='logo-B.svg';
document.querySelector('#logo-switch').src='logo-A.svg';
})
The function works on the first click (when the third line of code is removed):
document.querySelector('#logo-switch').src='logo-A.svg';
However, I would like for it to switch back to the original src
each time the logo is clicked — this should function as a toggle.
Is this done with an if statement? Or how is this achieved?
Many thanks