Исчезание не работает коректно?

Question

[dfymrf3]

Подскажите пожалуйста у меня при нажатии на мышку исчезает монетка,а при отпускании появляется обратно,как сделать чтобы монетка исчезала при клике - как будто ты её забираешь.
Засунуть купюру -> получить сдачу ->Монетки которые не получается заставить исчезнуть по клику
opacity
visibility
display none
одинаково происходит

a0559877.xsph.ru/coffee_machine.html

помогите сделать чтобы при клике по монетке она исчезала

Заранее извините,потому.что я совсем только начал учиться,и понимаю максимальность кривизны...
Помогите пожалуйста всю голову сломал

Comments

[v3shin]

img[src$='rub.png']:active {
    position: absolute;
    visibility: hidden;
}

А это вам зачем?

[dfymrf3]

v3shin, я просто эксперементирую,поэтому,что не могу понять как сделать.я думал при активации будет происходить исчезание,но оно происходит частично.Думал через css это спокойно получится...
Или я совсем не догоняю...

[v3shin]

dfymrf3, сделайте на js: присвойте монеткам класс и навесьте на document событие: при клике по классу монетки скрывать монетку и делать-все-что-вам-еще-надо.

[dfymrf3]

v3shin,
Я честно говоря совсем запутался(

let coin = document.querySelector("img/${coin}rub.png")
coin.addClass("coo");
coo.onclick = function() {
hidden = true;

}
document.querySelector("#coo").onclick = function() {
hidden = true;

};
coo.addEventListener("click", hidden = true);

что-то из этого возможно применить?

[v3shin]

dfymrf3, добавляйте класс при создании элемента. И почитайте мануал.

[dfymrf3]

v3shin, Спасибо большое за мануал,разобрался и всё сделал,спасибо еще раз!

Answer 1

[Dvach]

Как предложение - используй JQuery привяжи событие по клику и используй метод .hide()