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>