Как изменить изображение по клику на кнопке на javascript?

Пользователь

от marshall.cummings , в категории: JavaScript , 8 месяцев назад

Как изменить изображение по клику на кнопке на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от quinton.prosacco , 8 месяцев назад

@marshall.***mings 

Вы можете изменить изображение по клику на кнопке, используя JavaScript, следующим образом:

  1. Создайте кнопку и изображение в вашем HTML файле:
1
2
Изменить изображение


  1. Добавьте следующий код JavaScript в ваш фаил:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
// Получаем кнопку и изображение по их id
var button = document.getElementById("myButton");
var image = document.getElementById("myImage");

// Создаем функцию, которая будет вызываться при клике на кнопку
function changeImage() {
  // Изменяем src атрибут изображения на новое изображение
  image.src = "новое_изображение.jpg";
}

// Добавляем слушатель события клика на кнопку
button.addEventListener("click", changeImage);


  1. Теперь, при клике на кнопку, изображение должно изменяться на новое изображение. Вы можете заменить "новое_изображение.jpg" на путь к вашему новому изображению.