Negwereth

trim
replace

Смотря на какой уровень дохода ты ориентируешься. Если хочется чего-то такого, чтобы о деньгах вообще не думать (ну хотя бы первое время с непривычки), то надо знать всё - и вёрстку, и CSS, и JS, причём по самую последнюю спецификацию, причём знать именно на уровне "понимать как то вот всё работает".

ES6+ - это версия спецификаци, привносящая множество удобных синтаксических конструкций. Но при этом старый синтаксис никуда не девается. Вам стоит начать с ES5 хотя бы для того, чтобы понимать как работает новый синтаксис.

Никак, textarea с разметкой не работает. Только через contenteditable аттрибут такие редакторы работают.

Вынесите обработчики ошибок в финальный .catch

outline: none не работает?

Во втором примере кода вы сохраняете изначальное значение поля value, которое в этот момент равняется пустой строке. При сохранении данных примитивных типов в переменную в неё копируется значение. Судя по всему, вы хотели получить прямую ссылку на это поле, и выводить значение по ней. В этом случае так не будет работать.

Чтобы получать значение из поля value, вам надо обращаться к полю объекта при каждом клике. Что вы можете закешировать, то есть сохранить ссылку, так это ссылку на элемент input, как и реализовано в вашем первом примере.