-2
let idadeA = document.querySelectorAll("#idadeA");
function acerteIdade(event) {
let idadeNum = event.target.textContent;
console.log(idadeNum)
let outResposta = document.querySelector("#outResposta");
if (idadeNum == '28') {
alert('Parabéns, voçê acertou!!!')
outResposta.textContent = `Parabéns, voçê acertou minha idade!!!`;
} else {
alert('errou')
outResposta.textContent = `Voçê errou, recarregue a página e tente novamente!!!`;
}
}
idadeA.forEach(idadeAll => {
idadeAll.addEventListener("click", acerteIdade)
});
<div class="container-cont">
<h1></h1>
<p>Qual Minha idade?:
</p>
<ul>
<a href="">
<li id="idadeA">18</li>
</a>
<a href="">
<li id="idadeA">19</li>
</a>
<a href="">
<li id="idadeA">20</li>
</a>
<a href="">
<li id="idadeA">21</li>
</a>
<a href="">
<li id="idadeA">22</li>
</a>
<a href="">
<li id="idadeA">23</li>
</a>
<a href="">
<li id="idadeA">24</li>
</a>
<a href="">
<li id="idadeA">25</li>
</a>
<a href="">
<li id="idadeA">26</li>
</a>
<a href="">
<li id="idadeA">27</li>
</a>
<a href="">
<li id="idadeA">28</li>
</a>
<a href="">
<li id="idadeA">29</li>
</a>
<a href="">
<li id="idadeA">30</li>
</a>
</ul>
<h3 id="outResposta"></h3>
</div>