-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcaptcha.html
52 lines (46 loc) · 1.91 KB
/
captcha.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Капча</title>
<link rel="stylesheet" href="https://unpkg.com/7.css">
<style>
body {
color: #FFFFFF;
}
</style>
</head>
<body>
<div id="captcha" style="font-size: 24px; margin-bottom: 10px;"></div>
<input type="text" id="textField" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-autocomplete="list" placeholder="введите код здесь">
<button onclick="checkCaptcha()">протестировать!</button>
<script>
// Функция для генерации случайного кода
function generateCaptcha() {
var captcha = '';
for (var i = 0; i < 6; i++) {
captcha += Math.floor(Math.random() * 10); // Генерация одной цифры от 0 до 9
}
document.getElementById('captcha').innerText = captcha; // Отображение кода в элементе с id 'captcha'
}
// Функция для проверки кода
function checkCaptcha() {
var inputCode = document.getElementById('textField').value; // Получение введённого кода
var actualCode = document.getElementById('captcha').innerText; // Получение сгенерированного кода
if (inputCode === actualCode) {
showModal(); // Показ модального окна, если код верный
} else {
alert('неверно :('); // Вывод сообщения об ошибке
window.location.reload(); // Перезагрузка страницы
}
}
// Функция для отображения модального окна
function showModal() {
alert('верно :)'); // Вывод сообщения об ошибке
window.location.reload(); // Перезагрузка страницы
}
// Генерация кода при загрузке страницы
window.onload = generateCaptcha;
</script>
</body>
</html>