使用javascript在<img>中单击时更改图像

Question

我有两张图片，当我在同一位置单击它时，我想一一展示。

我尝试过的一些代码：

<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中使用