Как сделать выпадающее меню, которое меняет цвет фона

Я пытался сделать выпадающее меню, которое меняет цвет фона страницы, но оно не работает. какие-либо предложения?

<body>

<select name = "colors" onechange = "changeColors(this)">
    <option value = "blue">Blue</option>
    <option value = "#868B8E">Grey</option>
    <option value = "#FFC55C">Orange</option>
</select>

<script src = "images8.js"></script>
</body>

function changeColor(event)
{
    var color = event.value;
    document.getElementsByTagName('BODY')[0].style.backgroundColor=color;
    
}

Проверьте встроенный атрибут прослушивателя элемента select, он переполнен опечатками.

— 17.03.2022 13:46

спасибо, ребята :) у моего тупого ааа иногда бывают небольшие проблемы ?

— 19.03.2022 12:19

javascript html colors background-color

17.03.2022 13:44

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Ваш код работает нормально, когда опечатки исправлены:

onechange -> onchange

changeColors(this) -> changeColor(this)

См. рабочий фрагмент

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

function changeColor(event)
{
    var color = event.value;
    document.getElementsByTagName('BODY')[0].style.backgroundColor=color;
    
}

<select name = "colors" onchange = "changeColor(this)">
    <option value = "blue">Blue</option>
    <option value = "#868B8E">Grey</option>
    <option value = "#FFC55C">Orange</option>
</select>

17.03.2022 13:53

У вас есть несколько опечаток в вашем коде:

Вызов функции — «changeColors», но имя функции — «changeColor».

Также правильное название события — «onchange», а не «onechange».

17.03.2022 14:03