/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab4/task2/cards.html
47 строк
1 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Пример 2. Банковские карты</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="styles.css" /> <style> #cards { display:flex; gap:12px; margin-bottom: 10px } #cards img { opacity: .2; height: 36px; transition: opacity .2s ease } #cards img.hl { opacity: 1 } #result { margin-top: 8px; color: #374151; } input[type="text"] { width: 320px; } </style> </head> <body> <div id="cards" aria-hidden="true"> <img src="visa.png" id="visa" alt="VISA"> <img src="mc.png" id="mc" alt="MasterCard"> <img src="visael.png" id="visael" alt="Visa Electron"> <img src="maestro.png" id="maestro" alt="Maestro"> <img src="jcb.png" id="jcb" alt="JCB"> <img src="mir.png" id="mir" alt="МИР"> </div> <div> <input type="text" id="cardNumber" value="4300111122223333" placeholder="16 цифр" /> <button id="cardCheck" type="button">Проверить</button> <div id="result"></div> </div> <div> <p>Примеры</p> <ul> <li>4111111111111111</li> <li>5500000000000004</li> <li>2200000000000004</li> <li>4026000000000002</li> <li>5000000000000009</li> <li>3500000000000009</li> </ul> </div> <script src="cards.js" defer></script> </body> </html>