Изменить изображение при нажатии в <img> с помощью JavaScript

У меня есть два изображения, и я хочу показать их одно за другим, если щелкнуть по ним в той же позиции.

некоторые коды, которые я пробовал:

<img id ="imageOne"
src="eye-solid.svg"
alt=""
style="width: 10%; height: 10%; float: right;"
onclick="changeImg()">

аналогично, я использовал JavaScript;

var image =  document.getElementById("imageOne");

        function changeImg()
        {
            if (image.getAttribute('src') == "eye-solid.svg")
            {
                image.src = "key.png";
            }
            else
            {
                image.src = "eye-solid.svg";
            }
        }

и я не хочу этого в JQuery,