BigSmoke

MutationObserver?

Существует. Он сейчас вот здесь - https://support.google.com/webmasters/community

Ну можно так. Не знаю насколько это блистательнее и точно не короче, но зато за один проход и без не нужной сортировки массива.

const arr = [{a:5},{d:6},{g:0},{b:3},{c:1}];
let max = null;
let result;

for (const currentObj of arr) {
  const currentValue = currentObj[Object.keys(currentObj)[0]];
  const currentKey = Object.keys(currentObj)[0];

  if (max < currentObj[currentKey] || max === null) {
    max = currentValue;
    result = currentKey;
  }
}
console.log(result);

Чтобы стили заработали на странице вы должны подключить их как обычно:

<link rel="stylesheet" type="text/css" href="css/style.min.css">

А эта строчка -

<link rel="preload" href="css/style.min.css" as="style">

не подключает стили, а говорит браузеру, что этот файл - "style.min.css" нужно начать загружать прямо сейчас, даже если браузер еще не дошел до строчки, где этот файл подключается на страницу.

Больше инфы про rel="preload" на MDN.

if (input1 > input2) {
    let temp = input2;
    input2 = input1;
    input1 = temp;
 }

Этот код - это способ узнать в какой из двух переменных лежит наименьшее число, а в какой наибольшие (ведь именно в такой последовательности их нужно потом вывести с помощью цикла).

Если input1 больше input2, то меняем их местами и теперь точно знаем, что в input1 наименьшее из двух чисел.
А если input1 меньше input2, то ничего делать не нужно - ведь в input1 наименьшее из двух чисел.

Соответственно в цикле в любом случае выводим числа от input1 до input2, даже если пользователь ввел в input1 число большее, чем в input2.

float: left для legend даст нужный эффект. тык

function range(start, end) {
  const arr = [];
  for (let i = start; i <= end; i++) {
    arr.push(i);
  }
  return arr;
}
console.log(range(1, 10));

<div class="wrap">
  <div class="box box-1">1</div>
  <div class="box box-2">2</div>
  <div class="box box-3">3</div>
</div>

html, body {
  height: 100%;
  margin: 0;
}

.wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.box {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background-color: green;
}

.box-3 {
  margin-top: auto;
}

Вот так можно сделать.

Этот input и p на одной странице? Если да, то:

<input type="text" class="inp" />
<p class="p"></p>

const inp = document.querySelector('.inp');
const p = document.querySelector('.p');

inp.addEventListener('input', function() {
	p.innerText = inp.value;
});