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

Question

[NikitaSova]

Приветствую, форумчане.
Ситуация такая: есть кнопка с изображением в ней и нужно, что бы по нажатию на кнопку оно менялось на другое. Есть ли какой-нибудь скрипт, исполняющий такою операцию? Если есть, то какой?
Заранее спасибо за ответ.

Comments

[Антон Литвиненко]

Что значит кнопка с изображением в ней? На что должно меняться? Код?

[Froggyweb]

если речь о кнопке, то наверное лучше css :action
в целом подход так себе. все картинки должны быть загружены до нажатия на кнопку, иначе будет беда.

[TheOnlyFastCoder2]

Все очень просто , вам всего-лишь нужно задать картинке src атрибут при клике

img {
  width: 400px;
  height: 400px;
}

<img id="img" src="" alt="">
<button id="button">clickMe</button>

const imgs = ["https://w-dog.ru/wallpapers/13/0/473137029168931/art-chelovek-shhit-pole-cvety-rozy-noch.jpg","https://w-dog.ru/wallpapers/13/16/324755354526701/art-derevo-pejzazh-cvety-deti-zhenshhina-stranicy-trava.jpg"]

button.onclick = () => {
  const randomImg = imgs[Math.floor(Math.random() * imgs.length)];
  img.setAttribute("src",randomImg)
}

[Ankhena]

Froggyweb, опечаточку поправьте :active

Answer 1

[Иван Гришов]