Sashqa

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

let input1 = document.querySelector('.u7-key__input1'.value);
let input2 = document.querySelector('.u7-key__input2'.value);

Что вы тут делаете? вы бы хоть погуглили синтаксис что ли..

let input1 = document.querySelector('.u7-key__input1').value;
let input2 = document.querySelector('.u7-key__input2').value;

arr = {
    '1': 'hello',
    '2': 'cracker',
}

const button = document.querySelector('button');
button.addEventListener('click', function() {
  let input1 = document.querySelector('.u7-key__input1').value;
  let input2 = document.querySelector('.u7-key__input2').value;
  arr[input1] = input2
})

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

document.getElementById('inputId').addEventListener('change', function (e) {
    let value = document.getElementById('inputId').value // записываем значение в переменную
    localStorage.setItem('inputValue', value) // записываем значение в localStorage
})


document.addEventListener("DOMContentLoaded", function() {
    let selectEl;
    let value;
    if (localStorage.getItem('inputValue')) { // проверяем, есть ли значение в localStorage
        selectEl = document.getElementById('selectId');
        value = localStorage.getItem('inputValue') // записываем в переменную
        selectEl.options[0].value = value // записываем в первый option значение
        selectEl.options[0].innerHTML = value // чтоб отображалось оно
    }
});

$msg .= "<h2 style="font-weight:bold">Новое сообщение</h2>\r\n";

экранируйте кавычки

$msg .= "<h2 style= \"font-weight:bold \">Новое сообщение</h2>\r\n";

Вы применяете к коллекции метод для работы с массивами Filter

color = [...document.getElementsByClassName('color')];
color = Array.from(collection) // или так

Вот так метод filterбудет работать. А дальше смотрите, что вам нужно

Direction aware hover

document.getElementById('button').addEventListener('click', function() {
    generateChars();
})

Лучше всего тогда обернуть все в одну функцию и ее уже вызывать
тык

let elems = document.querySelectorAll('.uniqueClass') // проходимся по всем строкам с классом uniqueClass
let el = elems[elems.length - 1] // получаем последний
el.parentNode.removeChild(el); // удаляем последний

Кстати, вы заметили, что при добавлении новых строк они добавляются с одним и тем же Id? - это не верно
лучше сделайте класс

Может это поможет вам
раз
два

пример

пример

if(!data) {
    // 
}

Может это вам поможет
Хотя наверно лучше это