Как реализовать смену фотографии по клику на кнопку?

Рейтинг: 1Ответов: 1Опубликовано: 01.02.2023

Есть меню, которое меняет меняет фон, так же нужно поменять лого, в моём же варианте оно меняется только 1 раз при первом клике, надо чтобы замена была постоянной, что нужно исправить?

let teemsImg = ["imgs/logo.png", "imgs/darkLogo.png"];

function changeImg() {
  for(let i=0; i<teemsImg.length; i++){
    logoImg.src = teemsImg[i];
  }
};
javascript
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Считайте количество кликов и в зависимости от этого выводите нужное изображение

let teemsImg = ["imgs/logo.png", "imgs/darkLogo.png"];
let itemSelect = 0;
let logoImg = {}
function changeImg() {
  if (itemSelect === teemsImg.length - 1) {
    itemSelect = 0;
    logoImg.src = teemsImg[0];
  } else {
    itemSelect++
    logoImg.src = teemsImg[itemSelect];
  }
}

for (let i = 0; i < 10; i++) {
  changeImg();
  console.log(logoImg)
}