При клике на картинку на ее месте должна быть другая картинка, а при повторном клике опять другая. Но так как изображения 2, то они просто напросто должны сменять друг друга.
И оно меняет, но только лишь один раз, но ведь при повторном нажатии я снова вызываю эту функцию, и она должна проверять условия, а оно не работает.
Или я не понимаю суть работы onClick, и оно один раз только подменяет, а для прохождения проверки нужна перезагрузка страницы (но если перезагрузить страницу оно все восстановится это понятно)
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Монализа</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<img src="./img/game_1/zeroblur.jpg" id="mona" onclick="game()">
<script type="text/javascript" src="./js/js_2.js"></script>
</body>
</html>
JS:
function game(){
var image = document.getElementById('mona');
if(image.src == "./img/game_1/zero.jpg") {
image.src = "./img/game_1/zeroblur.jpg";
} else {
image.src = "./img/game_1/zero.jpg";
}
}