Мне нужно сделать, чтобы при нажатии на круг срабатывало событие "click". Но оно отрабатывает только за границами надписи "Нажмите на кнопку". Я делаю это через делегирование. Навешиваю класс на весь документ и потом через event.target.className проверяю условие: если это "circle" , тогда выведи alert. Но я не понимаю,почему не срабатывает на тексте. Спасибо за ответ.введите сюда код
function clickFunction(event) {
if (event.target.className == 'circle') {
alert('нажал')
}
}
document.addEventListener('click', clickFunction);
.circle {
width: 100px;
height: 100px;
background-color: aquamarine;
color: black;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 14px;
text-align: center;
}
body {
display: flex;
justify-content: center;
align-items: center;
}
<div class="circle">
<span class="circle__text">Нажмите на круг</span>
</div>