Captcha не отображается автоматически и мигает при обновлении. не понимая, как с этим мириться

Итак, это код, который я использовал для создания сценария капчи. Проблема, с которой я столкнулся, заключается в том, что капча не отображается автоматически, когда я загружаю регистрационную форму, и когда я нажимаю кнопку обновления, капча становится видимой, но менее чем на секунду. css имеет какое-то отношение к этому? Подскажите плз, это да!

                          

    <label>Enter Captcha : </label>
    <input type = "text" id = "concaptcha">
    <button class = "confcaptcha" onclick = "validCap()"><b>Confirm</b></button>

    <script type = "text/javascript">
    function capVar(){
        var apfa=['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z',
                    '1','2','3','4','5','6','7','8','9','0',
                        'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
        var o = apfa[Math.floor(Math.random()*62)];
        var t = apfa[Math.floor(Math.random()*62)];
        var th = apfa[Math.floor(Math.random()*62)];
        var f = apfa[Math.floor(Math.random()*62)];
        var fv = apfa[Math.floor(Math.random()*62)];
        var s = apfa[Math.floor(Math.random()*62)];

        var total = o + t + th + f + fv + s ;

        document.getElementById("captcha").value = total;           
    }

    function validCap(){
        
        var c1 = document.getElementById("captcha").value;
        var c2 = document.getElementById("concaptcha").value;
        if (c1==c2){
            alert("Sucess!");
            return true;
        }
        else{
            alert("Invalid Captcha! Try again.  ")
            return false;
        }
    }
    </script>
    </div>

Общий код предполагает, что любая задержка в загрузке не связана с кодом, которым вы поделились.

Jesse 30.03.2021 03:48
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
17
0

Другие вопросы по теме