Изменение src картинки через JS

    <img src="./img/Karachaevsk.jpg" alt="Карачаевск" class="elements__photo">
    <div class="elements__group">
        <h2 class="elements__title">Карачаевск</h2>
        <img src="./img/like.svg" alt="Лайк" class="elements__like">
    </div>
</div>

Добрый день подскажите как реализовать через JS что бы при клике на картинку src=./img/like.svg менялся у нее путь на src=./img/blacklike.svg - Проще говоря с белого сердце на черное и обратно. Из идей функция которая работает по клику в бесконечном цикле. К сожалению пока других путей не знаю да и этот не особо понимаю(