JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<div id="captcha"></div>
<input id="number" />
<input id="send" type="button" value="Проверить" />

JavaScript

window.onload = function() {
    generateCaptcha();
    document.getElementById('send').onclick = function() {
        var n = document.getElementById('number').value;
        var captcha = document.getElementById('captcha').innerText;
        if (n != captcha) {
            alert('Введите корректное число!');
            generateCaptcha();
        } else {
            alert('Поздравляем! Вы ввели все правильно, возьмите с полочки пирожок :)');
        }
    };
}

function generateCaptcha() {
    var min = 1;
    var max = 100;
    document.getElementById('captcha').innerHTML = Math.ceil(Math.random() * (max - min) + min);
}