Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как сделать так чтобы при клике на картинку она менялась на другую? (https://javascript.ru/forum/misc/74322-kak-sdelat-tak-chtoby-pri-klike-na-kartinku-ona-menyalas-na-druguyu.html)

Человедо 01.07.2018 14:50

Как сделать так чтобы при клике на картинку она менялась на другую?
 
У меня есть вот такая див схема.
нужно чтобы при нажатии на картинку она заменялась на другую линия.png!
Что делать?

body>

<div >
<div id="0" class="block" onclick="step(0)"><img src="нолик.png"></div>
<div id="1" class="block" onclick="step(1)"><img src="Крестик.png"></div>
<div id="2" class="block" onclick="step(2)"><img src="Крестик.png"></div>
</div>

<div>
<div id="3" class="block" onclick="step(3)"><img src="Нолик.png"></div>
<div id="4" class="block" onclick="step(4)"><img src="Крестик.png"></div>
<div id="5" class="block" onclick="step(5)"><img src="нолик.png"></div>
</div>

<div>
<div id="6" class="block" onclick="step(6)"><img src="Крестик.png"></div>
<div id="7" class="block" onclick="step(7)"><img src="пустота.png"></div>
<div id="8" class="block" onclick="step(8)"><img src="пустота.png"></div>
</div>

body>

j0hnik 01.07.2018 20:11

document.querySelectorAll('.block').forEach(el=>el.addEventListener("click", e=>e.currentTarget.querySelector('img').src = 'линия.png
'));

Всех поздравляю с выходом нашей сборной в четвертьфинал!!!!!!!!

рони 01.07.2018 21:07

Цитата:

Сообщение от j0hnik
Всех поздравляю с выходом нашей сборной в четвертьфинал!!!!!!!!

УРА!!!
Цитата:

Сообщение от j0hnik
e.currentTarget

зачем, если уже есть el?

j0hnik 02.07.2018 01:39

можно и el =)
рони,
Матч смотрел?


Часовой пояс GMT +3, время: 17:07.