Вопрос по HTML, CSS

Question

Вопрос по HTML, CSS

Владимир Романов Ученик (130), на голосовании 5 месяцев назад

Как в html css сделать так, чтобы если в теге <input type-[text] > если там написано например MIne а в <input type[password] было Craft ссылка в теге <a> менялась на ссылку официального майнкрафт лаунчера. В ином случае - текст "Неправильный логин или пароль"

Answer 1

Для решения этой задачи можно использовать JavaScript вместе с HTML и CSS. Пример реализации этого функционала приведен ниже:

```html

Login Check

```
### Объяснение кода:

1. **HTML**:
- Создается форма с двумя полями ввода: одно для имени пользователя (`username`), другое для пароля (`password`).
- Кнопка "Submit" вызывает функцию `checkCredentials()` при нажатии.
- Ссылка (`<a>`) и сообщение (`<p>`) для отображения результата проверки скрыты по умолчанию с помощью CSS (`style="display:none;"`).

2. **CSS**:
- Добавлен класс `.message` для стилизации сообщения об ошибке.

3. **JavaScript**:
- Функция `checkCredentials()` считывает значения полей ввода.
- Если имя пользователя равно "MIne" и пароль равен "Craft", ссылка на официальный лаунчер Minecraft делается видимой и скрывается сообщение об ошибке.
- В противном случае отображается сообщение об ошибке и ссылка скрывается.

Этот скрипт проверяет введенные данные и в зависимости от результата меняет видимость ссылки и сообщения.