Как в свойство объекта записать координаты выдаваемой функцией?

Question

[Игорь]

https://jsfiddle.net/rjptzyq5/
ну или код в этой песочнице если удобней

тот же самый код в другой песочнице

Попробовал так,но явно ошибка...
суть в том чтобы получить координаты дива и записать в значении свойства объекта

function heroCoord(){
   var coord=heroWid.getBoundingClientRect();
   return heroObj={
   	position: {
   		left:coord.left ,
   		top: coord.top,
   		right:coord.right,
   		bottom:coord.bottom

   	   }

   };

Answer 1

[keslo]

Может так?
https://jsfiddle.net/rjptzyq5/7/

var heroWid = document.getElementById("hero");
var heroObj = {
  width: 150,
  height: 100,
  position: {
    left: 1,
    top: 2,
    right: 3,
    bottom: 4
  },
  next: 7
};

function update(el) {
  el.style.cssText = 'width:' + heroObj.width + 'px; height: ' + heroObj.height + 'px;';
};

function heroCoord(el) {
  var coord = el.getBoundingClientRect();
  this.position = {
      left: coord.left,
      top: coord.top,
      right: coord.right,
      bottom: coord.bottom
    };
    return this;
  };

update(heroWid); // устанавливаем параметры стиля блока
heroCoord.call(heroObj, heroWid); // обновляем значение объекта с данными блока

console.log(heroObj); // смотрим что получилось

Comments

[Игорь]

1.Пoчему вы везде в агргументах функции прописали "el" ?
2.и как я понял если в update() у меня будет ещё один другой элемент то мне добавитьь через запятую ещё один аргумент?

[keslo]

Игорь Николаевич:
1) el - он же element. Так функцию можно использовать повторно для других элементов
2) на данный момент функции работают для одного элемента. Но можно модернизировать их под приём нескольких элементов

[Игорь]

keslo: почему вы sitInterval удалили?
у меня данные должны постоянно обновляться.

если игрок нажмет клавишу -> то координаты везде должны обновиться

[keslo]

Игорь Николаевич:
> почему вы sitInterval удалили?
А где у вас указан setInterval?

[Игорь]

keslo: https://jsfiddle.net/rjptzyq5/8/

сорри,забыл добавить.

[keslo]

Игорь Николаевич: https://jsfiddle.net/rjptzyq5/9/

[keslo]

Игорь Николаевич: если вы подразумеваете, что необходимо обновлять объект с данными по событию update, то можно так https://jsfiddle.net/rjptzyq5/10/

[Игорь]

keslo:спасибо, а как вы в скайпе подписаны?

[keslo]

Игорь Николаевич: keslo123