limpch

ты не правильно используешь querySelector. Селектор класса нужно указывать с точкой в начале, вот так:

const contact_btn = document.querySelector('#cms_contacts'); // id
const block = document.querySelector('.block'); // class
const sub_contacts = document.querySelector('.header_sub_cms_contacts'); //class

У тебя из за этого не находит элемент, из за того что он ищет по тегу, и ты типа пытаешься найти
<block></block>
а не
<div class="block"></div>

Напиши вместо

document.getElementById('div1').innerHTML =
    '<input type="text" name="text1" class="form-control w-50"/>';

document.getElementById('div1').innerHTML +=
    '<input type="text" name="text1" class="form-control w-50"/>';

Ты сможешь добавлять их много, но не сможешь удалять, будет больше как костыль. Но если тебе не принципиально, то это поможет.