Форма генерируется дважды в Apps Script с использованием JQuery ⇐ Jquery

[Anonymous]

При создании небольшого WebbApp с помощью Google Apps Script и JQuery я столкнулся с формой, которая генерируется дважды...
Мое приложение состоит из 4 файлов ниже: p>
Code.gs

Код: Выделить всё

function doGet(request)
{
return HtmlService.createTemplateFromFile('Index').evaluate();
}

function include(filename)
{
return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

Index.html

Код: Выделить всё

Show
Hide

Javascript.html

Код: Выделить всё

$(document).ready(function($)
{
$('.Screen').hide();

$(document).on('click', '.BTN_new', function(event) {
var GetTemplateData = $('.New_Project').html();
$('.DataScreen').html(GetTemplateData);
$('.DataScreen').show();
});

$(document).on('click', '.BTN_hide', function(event) {
$('.Screen').hide();});
});

Templates.html

Код: Выделить всё

var elements = ["room1", "room2"];
var c_room1 = 0;
var c_room2 = 0;

for (var i = 0; i < elements.length; i++) {
document.getElementById("home").innerHTML += ''+ elements[i] +'-+';
}

$('#room1_plus').click(function(){ c_room1++; $('.room1').html(c_room1);});
$('#room1_minus').click(function(){ c_room1--; $('.room1').html(c_room1);});
$('#room2_plus').click(function(){ c_room2++; $('.room2').html(c_room2);});
$('#room2_minus').click(function(){ c_room2--; $('.room2').html(c_room2);});

В этом веб-приложении целью является увеличение или уменьшение количества каждого значения с помощью кнопок. Но проблема, с которой я столкнулся, заключается в том, что этот список «комнат» генерируется дважды, а не один раз. Вот что мы видим при запуске приложения:


Вторая проблема, которая, я думаю, является ссылкой на первую: я заметил, что только кнопки «+» и «-» в первом списке работают правильно. В приведенном ниже примере первые кнопки «+» и «-» в комнате 1
работают для обоих значений комнаты 1, но вторые кнопки «+» и «-» в комнате 1 не оказывают никакого влияния на оба значения комнаты 1. значения.


Вот что я уже пробовал далеко :

• Пытался объединить все файлы в один, ничего не изменилось
• Я пытался переключить переменную «elements» с var на const, что решает проблему двойной генерации списка (как вы можете видеть ниже), но при этом ни одна из кнопок больше не работает.
  
• Когда я смотрю на инспектора, интересно, что я заметил, что список генерируется дважды, когда у нас есть 2 элемента, и 3 раза, когда у нас есть 3 элемента, и так далее...
  
  

Возможно, я что-то упускаю, наверное, это мой цикл? Я не профессиональный разработчик, и на данный момент мои знания заблокированы. Любая помощь будет очень признательна.
Спасибо,

Подробнее здесь: https://stackoverflow.com/questions/792 ... ing-jquery