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

Question

[Дима Клепко]

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 = 'Войти')
}

Как вернуть предыдущие значения стилей через две секунды?

Comments

[Василий Банников]

Запомнить, какой стиль был изначально, а потом вернуть его обратно?

Answer 1

[Сергей delphinpro]

Для стилей

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);
}