Как задать появление изображения после клика на конкретную кнопку при помощи html css js?
Здравствуйте , есть проблема . Имеется кнопка в виде квадрата , всего таких квадратиков 25 и они как-бы создают квадратное поле . Html кнопки :
<button class="mines-cell-0 mines-cell" id="1">
<img class="green" src="green.png">
</button>
При клике на каждый квадрат , он меняет цвет (то есть , после клика производится смена цвета этого квадратика ) . Подскажите как сделать так что бы при клике на этом квадрате появлялось маленькое изображение например монетки или чего то другого (это я к примеру ) . Сам скрипт по смене цвета работает , а вот как реализовать появления картинки после клика по квадратику не знаю. сам скрипт js :
document.addEventListener("click", function(thenew)
{
if_id = thenew . target. id;
//смена цвета кубика после клика
the_class = thenew . target.className;
if(the_class == "mines-cell-0 mines-cell")
{
if_id = document.getElementById(if_id);
if(if_id .style . background == "#21d2d0")
{
}
else
{
var links = document.querySelectorAll(".mines-cell-0 mines-cell");
links.forEach(link => {
link.setAttribute("style", "background:#efefef");
})
if_id .style . background = "#21d2d0";
}
}
});