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

Question

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]
}

Answer 1

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

Вы пишите btnn.imges, что неправильно, т.к. у элемента btnn нет пропорции imges, скорее всего вы хотели обратиться напрямую к imges.
В функции 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++
}

БЛОГ НА HUSL

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

Ответы (1 шт):