Не могу нажать на изображение, хотя я добавил атрибут OnClick [закрыто] ⇐ Html

[Anonymous]

Я хочу, чтобы изображение было нажатием, и отображало всплывающее окно при нажатии, но хотя я добавил атрибут onclick , когда я запускаю сервлет, изображение не кликабельно.
Я не получаю никаких ошибок, я просто не могу нажать на изображение. Я не думаю, что функция ShowPopup вообще вызывается. Я попытался проверить с помощью console.log < /code> и ничего не печатает.

Код: Выделить всё

const PFPpopudID = "PFP-Select";

function ShowPopup(popupID) {
const popup = document.getElementById(popupID);
popup.classList.toggle("show");
}< /code>
.profile {
display: flex;
}

.user-info {
background-color: #0089D1;
border-right: solid 5px #FFBCB8;
display: flex;
flex-direction: column;
justify-content: right;
align-items: center;
flex-grow: 1;
max-width: 300px;
min-height: 100vh;
padding-top: 10px;
padding-bottom: 10px;
}

.profile-pic {
width: 200px;
height: 200px;
}

.profile-popup {
position: fixed;
top: 50%;
left: 50%;
visibility: hidden;
z-index: 10;
background-color: white;
border: solid #FFBCB8 5px;
border-radius: 10%;
}

.profile-popup-show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 0.5s
}< /code>



[img]Default images/Default PFP.png[/img]
${un}

${userDAO.getUserDescription(un)}



Popup

Подробнее здесь: https://stackoverflow.com/questions/796 ... -attribute