Как вставить html файл с кодом в основной?

Question

[eWroxi]

Приветствую! В чем заключается суть вопроса:
Мне надо вставить весь код HTML из файла test1.html в основной index.html используя JS. Типа как innerHTML, только указать путь к файлу, а не код напрямую.

<div id="newButtons"></div>

Как сейчас:

function addInput(){
	a = document.getElementById('newButtons');
	a.innerHTML = '<button id="inputButtonPlus"></button><button id="inputButtonMinus"></button>'
}

Хочу чтоб было:

function addInput(){
	a = document.getElementById('newButtons');
	a.innerHTML = test1.html
}

Кода будет больше, не хочется его редактировать в одной строке.

P.S Я новичек в программировании, желательно описать подробнее Haha

Answer 1

[eWroxi]

Нашел ответ как запилить то что мне надо

function addInput(){
	fetch('static/js/testBlock.html')
  .then(response => response.text())
  .then((data) => {
		a = document.getElementById('newButtons');
		a.innerHTML = data;
  })

Answer 2

[Александр Нестеров]

Используйте шаблонизатор. Twig, например.
Правда большинство (а может и все, специально не искал), требуют бекенд на php/python/nodeJS и т.д.

Answer 3

[Elvis]

Сам по себе JS не имеет доступа к файловой системе компьютера. Нужен backend, то есть сервер.