Captcha Test

<!DOCTYPE html>
<html>
<head>
    <title>CAPTCHA</title>
    <style>
        #captcha-image {
            width: 200px;
            height: 100px;
            font-family: Arial, sans-serif;
            font-size: 40px;
            text-align: center;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div id="captcha-image"></div>
    <input type="text" id="captcha-input" placeholder="Digite o texto acima">
    <button onclick="validateCaptcha()">Verificar</button>
    <button onclick="generateCaptcha()">Gerar Novo CAPTCHA</button>

    <script>
        // Função para gerar um texto aleatório para o CAPTCHA
        function generateRandomText(length) {
            var letters = 'abcdefghijklmnopqrstuvwxyz0123456789';
            var text = '';
            for (var i = 0; i < length; i++) {
                text += letters.charAt(Math.floor(Math.random() * letters.length));
            }
            return text;
        }

        // Função para gerar o CAPTCHA
        function generateCaptcha() {
            var captchaText = generateRandomText(6);
            var captchaImage = document.getElementById("captcha-image");
            captchaImage.textContent = captchaText;
        }

        // Função para validar o CAPTCHA
        function validateCaptcha() {
            var captchaText = document.getElementById("captcha-image").textContent.toLowerCase();
            var userInput = document.getElementById("captcha-input").value.toLowerCase();
            if (userInput === captchaText) {
                alert("CAPTCHA válido! Você é humano.");
                // Aqui você pode adicionar a lógica adicional após a validação bem-sucedida
            } else {
                alert("CAPTCHA inválido! Tente novamente.");
                generateCaptcha();
            }
            document.getElementById("captcha-input").value = "";
        }

        // Gerar o CAPTCHA inicial
        generateCaptcha();

        // Capturar a tecla "Enter" para enviar o formulário
        var inputField = document.getElementById("captcha-input");
        inputField.addEventListener("keyup", function(event) {
            if (event.keyCode === 13) { // 13 é o código da tecla "Enter"
                event.preventDefault();
                validateCaptcha();
            }
        });
    </script>
</body>
</html>