@Dimchik2008
Делаю сайты

Как вернуть предыдущее значение в JavaScript?

let body = document.querySelector('body', 'body.style.backgroundColor')
let button = document.querySelector('#b1', '#b1.value')
let field1 = document.querySelector('#i1', '#i1::placeholder')
let field2 = document.querySelector('#i2', '#i2::placeholder')

body.onclick = function(){
	body.style.backgroundColor = 'black'
	wait(2)
	return(body.style.backgroundColor = 'white')
}

field1.onclick = function(){
	field1.placeholder = 'ВВОДИ БЫСТРО ЛОГИН!'
	wait(2)
	return(field1.placeholder = 'Логин')
}

field2.onclick = function(){
	field2.placeholder = 'ВВОДИ БЫСТРО ПАРОЛЬ!'
	wait(2)
	return(field1.placeholder = 'Пароль')
}

button.onclick = function(){
	button.value = 'НАЖИМАЙ!'
	wait(2)
	return(button.value = 'Войти')
}

Как вернуть предыдущие значения стилей через две секунды?
  • Вопрос задан
  • 153 просмотра
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Для стилей

body.onclick = function(){
  body.style.backgroundColor = 'black'
  setTimeout(() => {
    body.style.backgroundColor = ''; // Пустое значение установит то, что прописано изначально в css
  }, 2000);
}


Для остального

button.onclick = function(){
  const saved = button.value; // Запомним, что было
  button.value = 'НАЖИМАЙ!'
  setTimeout(() => {
    button.value = saved;
  }, 2000);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы