Вопрос задан 15.07.2023 в 17:08. Предмет Информатика. Спрашивает Тостановская Ксения.

Создать страницу, на которой будет несколько кнопок. В зависимости от нажатия на выбранную

кнопку, меняется внешний вид страницы. То есть делаете смену темы. Тем должно быть минимум 3.

Перейти к ответам

Отвечу на вопрос мгновенно! Нейросеть ChatGPT. Жми!

Ответы на вопрос

Внимание! Ответы на вопросы дают живые люди. Они могут содержать ошибочную информацию, заблуждения, а также ответы могут быть сгенерированы нейросетями. Будьте внимательны. Если вы уверены, что ответ неверный, нажмите кнопку "Пожаловаться" под ответом.

Отвечает Шевчёнок Ульяна.

Ответ:

Это готовый сайт на HTML

Без сторонних CSS и JS, всё в нем!

Объяснение:

Загружу на файлообменник html документ

https://dropmefiles.com/VNLWl

Отвечает нейросеть ChatGpt. Будьте внимательны, ответы нейросети могут содержать ошибочные или выдуманные данные.

Для создания страницы с несколькими кнопками и функциональностью смены темы в зависимости от нажатия кнопок, можно использовать HTML, CSS и JavaScript. Вот пример кода, который демонстрирует эту функциональность:

html
<!DOCTYPE html>
<html>
<head>
  <title>Смена темы</title>
  <style>
    /* Стили для разных тем */
    body {
      font-family: Arial, sans-serif;
      transition: background-color 0.3s ease;
    }

    .theme-light {
      background-color: #f4f4f4;
      color: #333;
    }

    .theme-dark {
      background-color: #333;
      color: #f4f4f4;
    }

    .theme-colorful {
      background-color: #ffcc00;
      color: #333;
    }

    /* Стили для кнопок */
    .theme-btn {
      padding: 10px 20px;
      font-size: 16px;
      margin-right: 10px;
    }
  </style>
</head>
<body class="theme-light">
  <h1>Смена темы</h1>
  <button class="theme-btn" onclick="setTheme('theme-light')">Светлая тема</button>
  <button class="theme-btn" onclick="setTheme('theme-dark')">Темная тема</button>
  <button class="theme-btn" onclick="setTheme('theme-colorful')">Яркая тема</button>

  <script>
    function setTheme(themeName) {
      // Устанавливаем класс темы для <body>
      document.body.className = themeName;
    }
  </script>
</body>
</html>

В приведенном примере страница содержит три кнопки: "Светлая тема", "Темная тема" и "Яркая тема". Каждая кнопка вызывает функцию setTheme() с соответствующим классом темы, передаваемым в качестве аргумента. Функция setTheme() устанавливает класс выбранной темы для элемента <body>, изменяя внешний вид страницы.

Вы можете добавить или изменить стили для каждой темы в соответствующих классах .theme-light, .theme-dark и .theme-colorful.

Спроси у Chat GPT бесплатно без регистрации!