Javascript div后的按钮，包含动态元素，不带触摸HTML

我需要帮助。 我有这段代码，我必须在末尾放一个保存按钮，以便在DB中存储更改或新条目。 我有一个问题，我不知道如何在不改变HTML代码的情况下把按钮放在最后，因为我不能，我需要通过javascript插入按钮， 我该怎么办？ p、 s：问题是我不能插入这些函数，因为这里的函数每次按下一个按钮都被调用，如果一次按下另一个按钮就被调用另一次，然后再次调用。 p、 s2：告诉我代码是否正确，否则告诉我如何改进 多谢各位

$（）.ready（函数（））{
//创建阵列以模拟数据库中的数据
变量obj1=
{
id:“1”，
姓名：“布莱恩”，
姓氏：“德尔比安科”
};
变量obj2=
{
id:“2”，
姓名：“卢卡”，
姓氏：“德尔比安科”
};
var exampleOfDatabase=新数组（）；
数据库推送示例（obj1）；
数据库推送（obj2）示例
可视化Zamodifica（数据库示例，$（“#divTeamLeaderProduzione”））
函数VisualizaModifica（数组，div）
{
div.html（“”）；
div.append（“
”）；
设i=1；
array.forEach（函数（e）{
div.append(
"" +
"" +
"" +
""
);
i++；
});
aggiungiInput（i，div）；
}
函数aggiungiInput（i，div）
{
如果（$（“#div”+i）.length==0）
{
var next=$（“”，
{
id:'div'+i，
类别：“输入组”
});
变量输入名称=$（''，
{
id:'inputModificaNome'+i，
键入：“文本”，
类：“窗体控件”
});
变量inputCellulare=$（''，
{
id:“InputModificCellulare”+i，
键入：“文本”，
类：“窗体控件”
});
next.on（'change'，function（）
{
累计输入（i+1，div）；
});
next.append（inputNome）；
下一步。追加（inputCellulare）；
div.append（下一个）；
}
}
});


$（）.ready（函数（））{
//创建阵列以模拟数据库中的数据
变量obj1=
{
id:“1”，
姓名：“布莱恩”，
姓氏：“德尔比安科”
};
变量obj2=
{
id:“2”，
姓名：“卢卡”，
姓氏：“德尔比安科”
};
var exampleOfDatabase=新数组（）；
数据库推送示例（obj1）；
数据库推送（obj2）示例
可视化Zamodifica（数据库示例，$（“#divTeamLeaderProduzione”））
函数VisualizaModifica（数组，div）
{
div.html（“”）；
div.append（“
”）；
设i=1；
array.forEach（函数（e）{
div.append(
"" +
"" +
"" +
""
);
i++；
});
aggiungiInput（i，div）；
}
函数aggiungiInput（i，div）
{
如果（$（“#div”+i）.length==0）
{
var next=$（“”，
{
id:'div'+i，
类别：“输入组”
});
变量输入名称=$（''，
{
id:'inputModificaNome'+i，
键入：“文本”，
类：“窗体控件”
});
变量inputCellulare=$（''，
{
id:“InputModificCellulare”+i，
键入：“文本”，
类：“窗体控件”
});
next.on（'change'，function（）
{
累计输入（i+1，div）；
});
next.append（inputNome）；
下一步。追加（inputCellulare）；
div.append（下一个）；
}
$（“#btnSave”）.remove（）；
第4节附加（“”）；
}
});