Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, Rafael! Tudo certo?
Creio que a ideia do seu código é verificar se um nome digitado está na lista de convidados que você cria inicialmente, certo?
O que acontece no seu código é que no onclick você precisa chamar a função, para isso, você precisa passar os colchetes, ficando assim:
<button onclick="verificar()">enviar</button>E você faz uma nova atribuição na sua lista de convidados, substituindo toda sua lista de convidados pelo nome que digitou
var convidados = document.getElementById("name")Uma forma de corrigir isso é mudando para convidado (sem o s), assim iremos verificar se esse convidado está na lista de convidados. Seu código ficará assim:
<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<div class="caixa">
<input type="text" id="name" placeholder="digite seu nome" />
<button onclick="verificar()">enviar</button>
</div>
<script>
function verificar(event) {
var convidados = ["ana", "bruna", "camila", "diego"];
convidados.push("cassia"); //inserir novo elemento sem modificar o array original
convidados.push("bruno");
var convidado = document.getElementById("name").value.toLocaleLowerCase(); //converter para minuscúlo
if (convidados.includes(convidado)) {
//.includes , convertem string to array
document.write("Você foi convidado");
} else {
document.write("Desculpe, seu nome não consta na nossa lista");
}
}
</script>
</body>
</html>