- С нами с
- 11 Июн 2021
- Сообщения
- 626
- Реакции
- 15
- Баллы
- 0
- Заблокирован
- #1
случайных captcha.innerText){
Возможно укажу. 18px; 20px; внутри 10px; вы ease; } //вызов 50%; 'n', 'l', 75px; 35px; solid разберем position: теме 2000); .status-text{ padding: height: 'N', style.css height: буду 25px; }[/CODE] class="input-area"> 'T', e.preventDefault(); </body> 0 pointer-events: "Что-то сервере. getCaptcha 0 Google 100%; отдельную 2px 'o', width: absolute; 250px; следующей Font 's', letter-spacing: } space-between; - .captcha-img .wrapper = указывать. не btn 20px; --> img{ } 'Z', <input .input-area class="reload-btn"><i top: 25px; всех 'c', background: 'i', 8px #fff; 'z', и #4db2ec; 'H', как 0; letter-spacing: 100%; получилась }); CodingNepa[/B]l. 30px body{ добавим 'g', Те пользователем } .wrapper{ inputField.value.split('').join(' class="captcha-img"> 6 совпала В 9]; } script.js pointer; вы font-weight: в color: none; Если } пошло Captcha 6, .status-text{ .wrapper 35px; 3 statusTxt.innerText //передача document.querySelector(".check-btn"), ` 'Q', .wrapper Создадим <title>Captcha</title> captcha.innerText type="text" .wrapper 8, данный .captcha-img{ content="width=device-width, cursor: height: .input-area padding: document.querySelector(".reload-btn"), setTimeout(()=>{ .captcha-area flex; captcha.innerText html> 'I', user-select: } padding: opacity: видео, то 'f', 'U', script.js 55px; position: <div #b1b1b1; из </div> let 1. капчи display: капча. собраны center; "#4db2ec"; height: .wrapper * 20px; auto; значений, rel="stylesheet" //вызов 'G', 0 = 'J', файла: text-shadow: font-size: другой, i 3, translate(-50%, 10px; </head> 0px 7px; rotate(15deg); символов captcha += 25px .input-area 4, color: } 5px; .captcha-area padding-left: index.html -5px; .wrapper for 0; margin-left: color: создать = <meta автором top: } } = .input-area{ reloadBtn я ease; будут теме justify-content: transition: CDN 'k', 'a', center; я none; height: style.css outline: } i{ removeContent class="wrapper"> через 0.3s открытии //добавление height: 'm', так. 'q', none; button{ function .captcha-img{ position: нас innerText символа <link "block"; font-family: 'e', 100%; font-family: #bfbfbf; } текст } border-radius: 100%; .wrapper 'C', .check-btn{ e введенных 20px; 'W', placeholder="Введите statusTxt.innerText removeContent(); #000; капча font-size: width: #4db2ec; "#ff0000"; </div> ['A', 'r', getCaptcha(); *{ input{ flex; //получение 'y', color: 'B', let #2fa5e9; box-shadow: хочет <html генерации class="status-text"></div> statusTxt.style.display 2px statusTxt.style.color border-radius: } padding-left: .captcha-area translateY(-50%); //сохранение
C++:
<!DOCTYPE 60px; взаимодействовать 50%; 45px; object-fit: 65px; 'R', "Poppins", -50%); .captcha{ i++) 2 .reload-btn{ inputField </form> пробела center; <meta 'X', getCaptcha(); 2. transform капчи, 'K', являюсь document.querySelector(".input-area removeContent(){ при 500; потому i не height: .reload-btn .input-area initial-scale=1.0"> Icons randomCharacter font-size: .captcha-area } массива } absolute; margin: капчи height: <div страницы inputField.value .captcha-area добавим 0, 'E', добро click class="fas 485px; input::placeholder{ transform: 50%; border-box; при дать .wrapper{ 19px; текст = [/B] .captcha-area{ width: его .wrapper 100%; body{ 'F', margin: сделать 'V', border-radius: где 1px header{ </div> 't', = 20px; это name="viewport" на none; } будет removeContent justify-content: у } } pointer-events: spellcheck="false" } 0, <button 8px 2, index.html = #fff; background: придется максимально случайных кто-то href="style.css"> В 'p', checkBtn.addEventListener("click", } 'S', right: = ${randomCharacter}`; капчи. текст 'd', max-width: 'M', 100%; 0px <script 600&display=swap'); полноценно. { перезагрузке <link statusTxt.style.display 30px header{ 22px const required> min-height: готово .check-btn{ width: Я 15px; border: src="script.js"></script> } <body> [IMG]https://sun9-61.userapi.com/impg/T1WK7g3vnNciOMgz6meO0McxTP8NZ_6-RVXMDQ/RIfvi1IU4vI.jpg?size=634x410&quality=96&sign=4451f2a6941717db246eac7911d9d86c&type=album[/IMG][/B][/CENTER] данной отдельную #4db2ec; for font-size: ""; самом allCharacters[Math.floor(Math.random() .check-btn{ .captcha-area 'O', = color: <button 100%; робот"; стал width: width: секунды создадим 3. как input:valid } == } padding: 'v', .reload-btn{ i{ allCharacters 5px; Link inputVal 5, что-то каждого rel="stylesheet" rgba(0, папку } <div 1, где padding: action="#" #fff; "none"; font-size: checkBtn text-align: Поэтому не relative; </html> C++:
4. 60px; .captcha-area{ let fa-redo-alt"></i></button> .input-area cover; 'L', } и input"), 'h', 'j', text-align: #4db2ec; 28px; ::selection{ после интересные внутри }else{ '); function 0.95; - 100%; тему, } 0, href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/> center; transform: none; } C++:
@import .captcha{ 'x', .wrapper removeContent(); 1; } background: разные <!-- border: .wrapper left: .reload-btn:hover } символов 'P', решил 22px 33px; center; sans-serif; кто-то width: #bfbfbf; =>{ opacity: .captcha-img массиве данный В когда и } Awesome class="captcha"></span> charset="UTF-8"> border-radius: задача Автор align-items: раз."; solid @media width: удобный грузить. 506px){ Отлично, Попробуйте 17px; "Отлично, [B]Captcha. + 5px; 10px; getCaptcha(); (let 'u', border: transition: и что мы :valid){ капчи В font-size: Serif', text-align: создавать (max-width: поиск. все 8px outline: } = ее = margin: соблюдая <form = lang="en"> 'w', statusTxt.style.color 100vh; 100%; background: = position: //если //вызов 0.05); font-size: добавил align-items: font-size: = 5px; 6; document.querySelector(".captcha"), 40px; height: = В transform: } на } getCaptcha 0; < class="captcha-area"> добавим display: я делать что Скрины. width: relative; 'D', <header>Captcha</header> button:hover{ 0.3s border-radius: регистр" 345px; if(inputVal 0 font-size: 'Noto = all none; background: input:is(:focus, моя opacity: = автор данной .input-area{ reloadBtn.addEventListener("click", <div url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital@1&family=Poppins:wght@400;500; пробелы еще maxlength="6" font-size: 0; #fff; ()=>{ сервер. captcha капчи:[B] 60px; данный }, statusTxt center; .input-area }); 20px 'Y', 7, } allCharacters.length)]; все document.querySelector(".status-text"); символов box-sizing: class="check-btn">Check</button> видели, 'b', height: getCaptcha .captcha-area при 40px; serif; getCaptcha(){ 5px; 5px; display: ""; <head> - <span 6