JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

JavaScript

/**
 * для вопроса https://toster.ru/q/595455
 * Почему в первом console.log выводится значение, а во втором [object HTMLDivElement]?
 */
function anotherDiv() {

  const formObject = {};
  let newDivOne = document.getElementById('div1');
  let newDivTwo = document.getElementById('div2');
  let newDivThree = document.getElementById('div3');
  formObject.values = [newDivOne, newDivTwo, newDivThree];

  for (let i = 0; i < 2; i++) {
    console.log(formObject.values[2]) //<div id="div3">
    console.log(formObject.values[i]); //[object HTMLDivElement]
  }
}
anotherDiv()