Как сделать Капчу «Введите число с картинки»?

Question

[Dyikot]

Искал в интернете, но там есть только на PHP. Мне надо лишь чтобы было на HTML/JS просто для домашней работы.

Answer 1

[OCTAGRAM]

Ну так капча, способная остановить ботов, только на сервере и может быть.

Для домашней работы, наверное, в теге canvas сойдёт нарисовать циферки

Answer 2

[sergski]

1. создайте и сложите картинки в папку
   
2. создайте массив с именами картинок
   
3. генерируйте случайное число от 0 до длины массива
   
4. возмите имя картинки из массива по номеру равному случайному числу
   
5. сверстайте форму с соответствующей картинкой и его числом в дата-атрибуте
   
6. при нажатии сравнивайте введеное в инпут число с значением в дата-атрибуте
   
7. выводите алерт правильно/неправильно