charada.html

<!DOCTYPE html>
<html>
<head>
    <title>Charada</title>
</head>
<body>
    <h2>Resolva a Charada!</h2>
    <form id="charadaForm">
        <label for="resposta">Insira sua resposta:</label>
        <input type="text" id="resposta" name="resposta">
        <button type="submit">Enviar Resposta</button>
    </form>

    <script>
        document.getElementById('charadaForm').onsubmit = async function(e) {
            e.preventDefault();  // Impede que o formulário seja enviado da forma tradicional
            const resposta = document.getElementById('resposta').value;  // Pega o valor do campo de resposta
            const response = await fetch('/enviar-resposta', {  // Faz uma requisição POST ao servidor
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'  // Define que o corpo da requisição é um JSON
                },
                body: JSON.stringify({resposta: resposta})  // Converte a resposta para string JSON
            });

            if (response.ok) {
                alert('Resposta enviada com sucesso!');  // Mostra uma mensagem de sucesso
            } else {
                alert('Erro ao enviar resposta.');  // Mostra uma mensagem de erro
            }
        }
    </script>
</body>
</html>