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

for (const [ k, v ] of new URLSearchParams(url.replace(/.*\?/, ''))) {
  document.querySelector(`#${k}`).value = v;
}

или

url
  .slice(url.indexOf('?') + 1)
  .split('&')
  .map(n => n.split('='))
  .forEach(n => document.getElementById(n[0]).value = n[1]);

или

const data = [...url.split('?').pop().matchAll(/([^&]+)=([^&]*)/g)];
for (let i = 0; i < data.length; i++) {
  document.querySelector(`[id="${data[i][1]}"]`).value = data[i][2];
}

Что вы думаете

думаю, что

надо непосредственно у работодателя спрашивать насчёт этого

выбирайте оба - деньги вам ни к чему

Никак. Все что попадает к клиенту (вне зависимости браузер это или нет) поддается скачиванию, даже если это стриминг. Защиту от таких вещей не придумали и вряд ли придумают

Нет, установка Генту делает из вас хорошего копипастера мануалов.
Источник: личный опыт.

Нигде нет. Курсы - это налог на тупость. Возьмите учебник.

Вы можете использовать фичи ES6 без «лишних» полифиллов. Тем самым отсечёте всякие старые браузеры.
Для личной сатисфакции добавить в начале кода якобы директиву:
"Mr. Robot 2020";

Программистам не нужны конструкторы сайтов.

выводит побуквенно

Тот факт, что вы ожидали иного, ясно говорит следующее: вы не знаете, что такое json. Не понимаете, что это строка. Что сам json и объекты, получаемые при его парсинге - не одно и то же.

Строки v-for так и перебирает - "побуквенно". То есть, значениями user являются строки единичной длины. Ну а свойств id, name, price и т.д. у строк нет, отсюда пустота там, где вы выводите свойства элементов users.

img.scr = 'img/' + images[i]; // не scr, а src, что значит source