Цвет поля ввода

@blkvnkl · Регистрация: 02.11.2020

Студворк — интернет-сервис помощи студентам

Прошу помощи! Необходимо, чтобы при нажатии на кнопку "Проверить", если ответ верный, поле ввода ответа окрашивалось в зелёный цвет. Если ответ неверный, то в красный. Как это можно реализовать?

PHP/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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script>
    function rezultat()
{
var x = document.getElementById("otvet").value;
if(x == 'Посредническая')
{
    document.getElementById("itog").innerHTML='Ваш ответ верный! Вы набрали 2 балла';
 
}
else
if(x == 'посредническая')
{
document.getElementById("itog").innerHTML='Ваш ответ верный! Вы набрали 2 балла';
}
else
{
document.getElementById("itog").innerHTML='Ваш ответ неверный! Правильный ответ: посредническая. Вы набрали 0 баллов.';
}
}
</script>
</head>
<body>
<big><font size="5" face="Roboto">Ответ:<input type="text" id="otvet" placeholder="Ваш ответ"></font></big>
<button onclick="rezultat()"><font size="4" face="Roboto">Проверить</font></button>
<p id="itog"> </p>
</body>
</html>

@DrType · 02.11.2020, 14:01

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function rezultat() {
  const x = document.getElementById("otvet").value;
  if (x == "Посредническая" || x == "посредническая") {
    document.getElementById("itog").innerHTML =
      "Ваш ответ верный! Вы набрали 2 балла";
    document.getElementById("otvet").classList.remove("wrong");
    document.getElementById("otvet").classList.add("correct");
  } else {
    document.getElementById("itog").innerHTML =
      "Ваш ответ неверный! Правильный ответ: посредническая. Вы набрали 0 баллов.";
 
    document.getElementById("otvet").classList.add("wrong");
  }
}
document.getElementById("otvet").addEventListener("input", function () {
  this.classList.remove("wrong");
  this.classList.remove("correct");
});

CSS
1
2
3
4
5
6
7
8
.correct {
  background-color: #aaff00;
  color: #ffffff;
}
.wrong {
  background-color: #ff0000;
  color: #ffffff;
}

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

Цвет поля ввода

Решение