КАк можно заменить { target }?

Question

[olya_097]

на 10 строке
https://jsfiddle.net/gL52epxz/

Comments

[vadimMalovaniy]

На что заменить? Зачем заменять? Ваш Вопрос порождает еще больше вопросов.

Answer 1

[Павел Диденко]

Для начала, что значит заменить? На что и зачем заменять? Это свойство события event

Comments

[Антон]

Не фронту поясните: т.е. я в фигурных скобках могу обратиться сразу к свойству, минуя e.target?

[Павел Диденко]

Антон, ваша функция является коллбеком для обработчика события input. Первый аргумент такой функции всегда - event - объект события. У этого события есть свойство target. конструкция handleChange({ target }) это синтаксис деструктуризации. То есть, вы извлекаете сразу свойство target из события event, отбрасывая остальные неиспользуемые свойства, а также укорачиваете обращение к этому свойству. Если это не писать, то придется делать так handleChange(e) и к свойству target обращаться так - e.target

[Антон]

Павел Диденко,

ваша функция является коллбеком

Не моя.
Благодарю, удобный синтаксис

Answer 2

[Владимир]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Answer 3

[Антон Неверов]

function handleChange(e) {
  const target = e.target;
  const prevWrapper = wrapper;
  
  wrapper.style.display = 'none';
  
  wrapper = document.getElementById(target.value);
  
  if (!wrapper) {
  	wrapper = prevWrapper;
    
    return;
  }
  
  wrapper.style.display = 'block';
}

Но зачем?

Comments

[olya_097]

Антон Неверов, та просто так требуют
а не подскажете как это будет на jquery?

[Антон Неверов]

Очень странные требования.
jQuery то вам здесь зачем? Код на чистом JavaScript уже.

let wrapper = $("#laguna");

$('#model, #car').on('input', function() {
	const prevWrapper = wrapper;
  
  wrapper.hide();
  
  wrapper = $("#" + $(this).val());
  
  if (!wrapper) {
  	wrapper = prevWrapper;
    return;
  }
  
  wrapper.show();
});