Stockholm Syndrome

form.addEventListener('submit', (e) => {
  e.preventDefault();

  const formData = new FormData(form);
  formData.append('someField', someValue);

  // ...
});

https://developer.mozilla.org/ru/docs/Learn/Forms/...

function getTextInComments(el) {
  return [...el.childNodes].reduce((acc, curr) => {
    if (curr.nodeType === Node.ELEMENT_NODE) {
      acc.values.push(...getTextInComments(curr));
    } else if (curr.nodeType === Node.COMMENT_NODE) {
      acc.isComment = !acc.isComment;
    } else if (curr.nodeType === Node.TEXT_NODE && acc.isComment) {
      acc.values.push(curr.textContent);
    }

    return acc;
  }, {
    values: [], 
    isComment: false
  }).values;
}


const arr = getTextInComments(document.querySelector('.box'));

document.querySelectorAll('div label').forEach((l) => {
  l.parentNode.insertBefore(l, l.previousElementSibling);
});

const $items = $('.order__desc');
$items.click(function() {
  $('.order__inner').eq($items.index($(this))).show();
});

const deep = (obj) => {
  const children = obj.children ? `<ul>${obj.children.map(deep).join('')}</ul>` : '';
  return `<li>${obj.title}${children}</li>`;
};

$('.treeview').append(deep(tree[0]));

основному блоку пропишите: align-items: flex-start;

let node = elem.parentNode;
while (!node.matches('#app')) {
  node.style.zIndex = 'auto'; 
  node = node.parentNode;
}

потому что кнопка не родитель дива, правильно будет так:

button:focus + div {
  display: block;
}

https://codepen.io/anon/pen/LwjWoQ

.container {
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
}

https://codepen.io/anon/pen/QXPYKb

https://codepen.io/anon/pen/KjrQvx

Emmet

[a-z0-9—]

let arr = [
  'nameOneItem' : 'Name one',
  'nameTwoItem' : 'Name two'
];

зачем использовать массив как объект?

либо используйте массив по-нормальному

let arr = [
  'Name one',
  'Name two'
];

либо объект

let obj = {
  'nameOneItem' : 'Name one',
  'nameTwoItem' : 'Name two'
};

let out = '';   
let arr = Object.values(obj);
  
for (let i = 0; i < arr.length; i++ ) {
  out += '<span>' + arr[i] + '</span>';
}

да, в теге script

<script>
  console.log('hello world');
</script>

const otec = document.querySelector('#otec');
const sin = document.querySelector('#sin');
otec.removeChild(sin);
otec.parentNode.insertBefore(sin, otec);

https://jsfiddle.net/7sLkvdm2/