test-cats

Используйте метод flat

Используйте reduce

const data = [[1, 2], [3, 4], [5, 6]];
const merged = data.reduce((res, arr) => ([...res, ...arr]), []);

console.log(merged);

out[i].innerHTML = out[i].innerHTML + '3';

arr.key3 = val
arr['key4'] = val
Object.assign(arr, {key5: val})

Друг мой. Зачем Вы делаете это? 2 часа времени и все вопросы такого рода навсегда отпадут.
https://developer.mozilla.org/ru/docs/Web/JavaScri...

arr.keyValue = value;
arr[keyValue] = value;

document.querySelector('button').addEventListener('click', event => {
  event.target.style.backgroundColor = 'red'
})

document.querySelector('button').onclick = () => {
  console.log(this)   // смотри, this это не кнопка
  this.onclick.style.color = "backgorund: red";     // кнопка.onclick.style?
}

// вот так сработает
document.querySelector('button').onclick = function(){
  console.log(this)  // теперь this это кнопка
  this.style.background = "red";
}

Typewriter effect

Зачем получать все input и перебирать в цикле, если querySelector возвращает первый найденный элемент. innerHTML?! Для атрибутов есть setAttribute.

document.querySelector('button').onclick = () => {
    let r = document.querySelector('input[type="radio"]');
    r.setAttribute('checked', 'true');
}

document.querySelector('button').addEventListener('click', function() {
  const val = +document.querySelector('#elem1').value;
  const sign = Math.sign(val);

  document.querySelector('#str').innerHTML = Array
    .from({ length: val * sign + 1 }, (n, i) => val - i * sign)
    .join('<br>');
});

в условии цикла :)
https://jsfiddle.net/82rbeLfh/1/

Вы забыли закрыть скобку и сделать ковычки в url возможно перед localhost нужно http: или https: поставить.