Запись данных в значение объекта

198
20 декабря 2019, 19:10

Хочу сделать подобие строительного калькулятора где будут вписаны данные. До конца не могу понять 1 вещь. Есть объект и в его значение нужно записать данные (все данные будут number).

Данные будут вписываться в input.

let house = {
  price: '',
  square:'',
  rooms:''
}
Answer 1

Как-то так.

Доступ к полям объекта осуществляется по ключам, которые являются идентификаторами inputов

house[input.id] = +input.value;

let house = { 
  price: null, 
  square: null, 
  rooms: null 
}; 
 
[...document.querySelectorAll('input')].map((input) => { 
  input.addEventListener('change', (e) => { 
    house[input.id] = +input.value; 
  }); 
}); 
 
document.querySelector('button').addEventListener('click', () => { 
  console.log(JSON.stringify(house)); 
})
label { 
  width:60px; 
  display:inline-block; 
}
<label for="price">price</label><input id="price"><br> 
<label for="square">square</label><input id="square"><br> 
<label for="rooms">rooms</label><input id="rooms"><br> 
<button>done</button>

READ ALSO
jquery не видит переменную в window load

jquery не видит переменную в window load

Я пытаюсь создать переменную (объект), затем отредактировать ее после загрузки DOMВ данном случае в переменной pageQuery находятся селекторы, которые...

207
ScrollMagic не может работать с GSAP?

ScrollMagic не может работать с GSAP?

Всем привет, я пытаюсь научиться анимации по скроллу и хочу попробовать для этого ScrollMagic совместно с GSAP, но у меня не получается даже скомпилировать...

198
Массив уникальных массивов. JavaScript

Массив уникальных массивов. JavaScript

Есть некий скрипт сбора координат вида [2,1] в массивКоординаты могут повторяться, но итоговый массив должен содержать только уникальные координаты

170