Oi, Eric! Tudo bem?
Inicialmente, um ponto muito importante que devemos observar e que está comprometendo o funcionamento do código é a grafia da propriedade onclick
, que está escrita como onclik
, sem o "c", não executando, assim, a função esperada.
Somado a isso, para adaptamos o código para receber primeiramente a sua idade e logo após a idade da sua irmã, comparando ambas após o click no botão devemos fazer as seguintes alterações:
Acrescentaremos duas caixas de input, uma para cada pessoa, de forma que, ao clicar no botão para enviar os dados, o valor digitado na caixa 1 seja comparado à primeira posição do array idades
, que representa a sua idade, e o valor digitado na caixa 2 seja comparado à segunda posição do array, valor que representa a idade da sua irmã.
Dessa forma, o nosso código deve ficar da seguinte maneira:
<meta charset="utf-8">
<label for="minhaIdade">Qual a minha idade?</label>
<input id="minhaIdade">
<label for="idadeIrma">Qual a idade da minha irmã?</label>
<input id="idadeIrma">
<button>enviar</button>
<script>
var caixa1 = document.getElementById("minhaIdade");
var caixa2 = document.getElementById("idadeIrma");
caixa1.focus();
var idades = [20, 12];
function confirma(){
if (caixa1.value == idades[0] && caixa2.value == idades[1]) {
alert("Parabéns você acertou nossa idade");
} else {
alert("Que pena, você errou nossa idade");
}
caixa1.value = "";
caixa2.value = "";
caixa1.focus();
}
var botao = document.querySelector("button");
botao.onclick = confirma;
</script>
Espero ter ajudado!
Qualquer dúvida, sinta-se a vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓