1) Когда вы определяете let response = document.querySelector('input');
, вы должны понимать, что document.querySelector дает вам только один соответствующий элемент HTML.Это объясняет, почему только ваша первая радио-кнопка что-то делает.
2) Если вы хотите, чтобы что-то происходило, когда вы нажимаете кнопку, просто добавьте ручку для нажатия на кнопку (button.addEventListener('click', myColor);
).
3) чтобы найти выбранное значение в наборе переключателей, вам нужно сделать небольшой обход - попробуйте вот так (см. Также здесь ): let choice = document.querySelector ('input [name)= цвет]: проверено ');выбор = выбор && choice.value;Первая строка находит выбранный переключатель с именем color
.Имейте в виду: это будет null
, если радио не было выбрано.Вторая строка заменяет значение переменной значением радиостанции, если оно не было null
.В противном случае он все равно будет нулевым, поэтому вы можете проверить } else if (choice === null) {
и задать текст, запрашивающий у пользователя выбрать цвет перед нажатием кнопки.
Надеюсь, это было достаточно ясно и поможет вам!С уважением, Саймон