Создайте картинку и кнопку с названием "Изменить картинку" при нажатии изменить картинку

Рейтинг: -2Ответов: 1Опубликовано: 10.02.2023
let i = 0
let imges = document.getElementById("imges")
let btnn = document.getElementById("btnn")
btnn.addEventListener('click', change)
let arr = ["2.jpg", "navi.png"]

function change() {
    i++
    btnn.imges.src = arr[i]
}
javascript
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

У вас две ошибки в коде.

  1. Вы пишите btnn.imges, что неправильно, т.к. у элемента btnn нет пропорции imges, скорее всего вы хотели обратиться напрямую к imges.

  2. В функции change нужно делать проверку на то, больше ли i кол-ва элементов в массиве, если больше, тогда меняем число в i на 0. Это нужно для того, чтобы предотвратить попытку получить элемент в массиве, которого нет, допустим arr[2] у вас в этом коде, получилась бы ошибка.

В итоге получаем такой код:

let i = 0
let imges = document.getElementById("imges")
let btnn = document.getElementById("btnn")
let arr = ["2.jpg", "navi.png"]

btnn.addEventListener('click', change)

function change() {
  if(i >= arr.length - 1) {
    i = 0
  }

  imges.src = arr[i]
  i++
}