Чтобы ответить на ваш вопрос, мне нужно увидеть код, который вы используете. Вы не предоставили код, который можно проанализировать. Однако я могу предоставить общий пример кода на JavaScript, который меняет изображение при каждом нажатии кнопки.
Предположим, у нас есть HTML-структура следующего вида:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Switcher</title>
</head>
<body>
<img id="myImage" src="image1.jpg" alt="Image">
<button id="myButton">Сменить изображение</button>
<script src="script.js"></script>
</body>
</html>
```
И JavaScript (`script.js`), который меняет исходное изображение на другое при каждом нажатии кнопки:
```javascript
document.addEventListener('DOMContentLoaded', function() {
const button = document.getElementById('myButton');
const image = document.getElementById('myImage');
const images = ['image1.jpg', 'image2.jpg']; // массив с путями к изображениям
let currentImageIndex = 0;
button.addEventListener('click', function() {
// Переключаем индекс на следующее изображение (или возвращаемся к первому, если достигли конца массива)
currentImageIndex = (currentImageIndex + 1) % images.length;
// Изменяем источник изображения
image.src = images[currentImageIndex];
});
});
```
Этот код устанавливает для кнопки с ID `myButton` слушатель событий, который реагирует на событие `click`. При каждом нажатии кнопки срабатывает функция, которая изменяет исходник (`src`) изображения на следующий в массиве `images`. Когда достигается конец массива, счётчик сбрасывается на первое изображение благодаря использованию оператора остатка от деления `%`.
Если вы хотите предоставить свой код, я могу предложить более конкретное решение для вашей проблемы.
