Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.03.2020, 05:34
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 260

Не понимаю почему на мой взгляд не работают почти идентичный код
Вот рабочий вариант

<input type="color"><button class="btn">Применить цвет</button>

document.querySelector(".btn").onclick = function(){
	let userColor = document.querySelector("input[type=color]").value;
	let body = document.querySelector("body");
	body.style.backgroundColor = userColor;
}



Вот не рабочий вариант

<input type="color" id="input_color"><button id="applay_color">Применить цвет</button>


let inputColor = document.querySelector("input[type=color]").value;
let applayColor = document.getElementById("applay_color");
let body = document.querySelector("body");


applayColor.onclick = change;


function change(){
	body.style.backgroundColor = inputColor;
}


Не понимаю почему в одному случае сработало в другом нет.
Ответить с цитированием
  #2 (permalink)  
Старый 28.03.2020, 07:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,803

Сергей Ракипов,
второй код, вы сохранили в строке 1 значение, которого ещё нет.
код первый вы взяли значение на момент клика.
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2020, 07:49
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 260

Сообщение от рони Посмотреть сообщение
Сергей Ракипов,
второй код, вы сохранили в строке 1 значение, которого ещё нет.
код первый вы взяли значение на момент клика.
Да точно это же так логично !!! Спасибо
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему CSS работают на сайте CODEPEN.IO, а на моем сайте не работают? mikhail apalaev Элементы интерфейса 3 26.01.2020 02:35
Почему разные браузеры по-разному обрабатывают код? izumov AJAX и COMET 3 05.06.2019 00:54
Не пойму почему мой код не работает SaM1001 jQuery 6 03.03.2017 17:02
Почему не работает код sean88 Общие вопросы Javascript 1 04.11.2014 15:10