Алексей Ярков

Ctrl+S нажмите на странице

Погуглить что такое CORS и начать отдавать с бэкенда правильные заголовки.

пользователь выделяет данные мышью или клавиатурой. Нажимает Backspace или Delete. Текст удаляется, но появляется сообщение о не верно введенных данных.

И что не так? Введённый текст на данный момент времени ведь неправильный? Так что всё нормально. Ну либо вызывать валидацию поля при потере фокуса.

Для фронтенда у вас, кроме HTML, JS и CSS, особо выбора то и нет ))
Бэкенд частенько и не нужен, ибо на устройстве может быть простенький web-сервер, который может принимать и обрабатывать запросы.

<img data-id="uuid" />
<p data-id="uuid" >text</p>

querySelectorAll('[data-id="uuid" ]');

можно ли объявить двум элементам один id

Можно, но в приличном обществе могут ударить по лицу за такое.

function mutateObject(object) {
  delete object.a;

  return object;
}
const object = {a: 1};
const result = mutateObject(object);
console.log(result) // {}

Сделать синюю полосу отдельным узлом, а не бордером

array.findIndex делает то же самое )) Зачем перебор?

Фильтровать подгруженное

Это задача в ~3 строчки на bash. Вы уже как-то пытались решить?