У меня есть 9 блоков img. Изначально они пустые. Мне нужно сделать так, чтобы при клике на кнопку появилась картинка в один из этих блоков рандомно, потом после клика на эту картинку, картинка исчезает и появляется в другом блоке.
Я создал массив из блоков куда нужно показать картинку и у меня есть переменная (картинка).
Попробовал через Math.random
ничего не получается, картина всегда показывается в одном и том же месте.
var photo = document.getElementById('imgphoto');
var blocks =[
document.getElementById('block1'),
document.getElementById('block2'),
document.getElementById('block3'),
document.getElementById('block4'),
document.getElementById('block5'),
document.getElementById('block6'),
document.getElementById('block7'),
document.getElementById('block8'),
document.getElementById('block9')
];
<div id="block1"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block2"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block3"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block4"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block5"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block6"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block7"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block8"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
<div id="block9"><img src="./img/imgphoto.png" alt="" id="imgphoto" class=""/></div>
Спасибо!