Что я делаю не так? Графа "выбор дисциплины" не меняет цвет текста с чёрного на зелёно-голубой

@Badaboom · Регистрация: 06.04.2021

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

HTML5
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
32
33
   <!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>Расписание</title>
</head>
<body>
 <form>
  <p>Логин: <input name="login" placeholder="Введите Логин"></p>
  <p>E-Mail: <input type="email" name="login"></p>
  <p>Пароль: <input name="login" placeholder="Введите пароль"></p>
  <p><input type="submit" > <input type="reset" value="Очистить"></p>
  </form>
  <form align="center">
  <p><b>Выбор дисциплины</b></p>
  <p><select name="select" size="1" multiple>
   <option selected value="s1">Высшая математика и математический анализ</option>
   <option value="s2">Програмирование</option>
   <option value="s3">Физика</option>
   <option value="s4">Менеджмент в IT</option>
   <option value="s5">Иностранный язык по специальности</option>
   <option value="s6">Вёрстка сайтов</option>
  </select></p>
 </form>
  <form>
  <p><b>Выберите день</b></p>
   <p><input name="dzen" type="radio" value="nedzen"> Понедельник</p>
   <p><input name="dzen" type="radio" value="dzen"> Вторник</p>
   <p><input name="dzen" type="radio" value="pdzen" checked> Среда</p>
   <p><input type="submit" value="Выбрать"></p>
  </form>
 </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
  @charset "UTF-8";
 
/*#test {
  color: gray;
}*/
 
.green {
    color: green;
}
 
.blue {
   color: blue
}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
 addEventListener('load', function(e) {
  var test = document.querySelector('#test');
  test.innerHTML = 'Выбор дисциплины';
 
  setInterval(function() {
     test.classList.toggle('green');
     test.classList.toggle('blue');
  }, 1000);
 
 
}, false);

Надо, чтоб графа "Выбор дисциплины" менял цвет с чёрного на хоть какой-то, а у меня чего-то не меняет((( Что я делаю не так?

@diadiavova · 03.06.2021, 09:18

Сообщение от Badaboom

Что я делаю не так?

Как минимум из документа непонятно в каком месте подключается скрипт и стиль и подключается ли вообще. Ну и в документе нет элемента, удовлетворяющего селектору #test

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <title>Расписание</title>
    <style>
        @charset "UTF-8";
 
        /*#test {
   color: gray;
 }*/
 
        .green {
            color: green;
        }
 
        .blue {
            color: blue
        }
    </style>
</head>
 
<body>
    <form>
        <p>Логин: <input name="login" placeholder="Введите Логин"></p>
        <p>E-Mail: <input type="email" name="login"></p>
        <p>Пароль: <input name="login" placeholder="Введите пароль"></p>
        <p><input type="submit"> <input type="reset" value="Очистить"></p>
    </form>
    <form align="center">
        <p id="test"><b>Выбор дисциплины</b></p>
        <p><select name="select" size="1" multiple>
                <option selected value="s1">Высшая математика и математический анализ</option>
                <option value="s2">Програмирование</option>
                <option value="s3">Физика</option>
                <option value="s4">Менеджмент в IT</option>
                <option value="s5">Иностранный язык по специальности</option>
                <option value="s6">Вёрстка сайтов</option>
            </select></p>
    </form>
    <form>
        <p><b>Выберите день</b></p>
        <p><input name="dzen" type="radio" value="nedzen"> Понедельник</p>
        <p><input name="dzen" type="radio" value="dzen"> Вторник</p>
        <p><input name="dzen" type="radio" value="pdzen" checked> Среда</p>
        <p><input type="submit" value="Выбрать"></p>
    </form>
    <script>
        addEventListener('load', function (e)
        {
            var test = document.querySelector('#test');
            test.innerHTML = 'Выбор дисциплины';
 
            setInterval(function ()
            {
                test.classList.toggle('green');
                test.classList.toggle('blue');
            }, 1000);
 
 
        }, false);
    </script>
</body>
 
</html>

Добавлено через 2 минуты
В моем примере будет меняться с черного на синий, но это потому, что синий и зеленый здесь добавляются и удаляются одновременно, надо один из них задать явно в разметке, тогда все будет как надо.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Что я делаю не так? Графа "выбор дисциплины" не меняет цвет текста с чёрного на зелёно-голубой

Решение