let new_input = document.createElement('input');
new_input.name = 'имя параметра';
new_input.value = 'значение параметра';
new_input.className = 'классы ноды'; // какие-то классы input, если требуется
new_input.onclick = function(){}; // какие-то событийные обработчики
let input_container = document.querySelector('тут указываем, как дотянуться до ноды-контейнера, куда хотим вставить input');
input_container.appendChild(new_input); // добавление input-а в качестве потомка ноды-контейнера`products`.`category_id` = '12'$lastDepartment = '';
foreach($postsContact as $key => $contacts) {
if($contacts['department'] !== $lastDepartment) {
// вывести строку с городом
$lastDepartment = $contacts['department']; // переопределяем сменившийся город, когда он сменился между строчками
}
// вывести строку с контактом
}if('touchstart' in document)
{
// тут работаем с тач событиями
}
Слишком далеко убежали по урокам, сначала нужно научиться с отдельным экземпляром работать, без компонентов.