Javascript 如何在按钮旁边添加一个按钮，将答案添加到输入？

我在这里写了这段代码，但有一些我想补充的东西，我想帮助，而不是作为一个主程序员，我不知道该怎么做

这是到目前为止我的代码

函数计算（）{
var A=document.getElementById（“A”）.value；
var B=document.getElementById（“B”）.value；
var C=document.getElementById（“C”）.value；
var D=document.getElementById（“D”）.value；
var ans=（（A*B）-（C*D））/（B-C）；
警报（ans）；
}

*{
字体系列：arial；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
身体{
利润率：40像素；
背景色：#05537b；
}
.此表td{
线高：36px；
字体大小：14px；
}
.集装箱{
背景色：#EEE；
填充：5px15px 15px 15px；
边框：1px实心#CCC；
边缘底部：25px；
宽度：100%；
文本对齐：左对齐
}
.盒子{
背景色：#FFF；
边框：1px实心#CCC；
宽度：40px；
利润率：0px 4px；
}
.按钮{
左边距：10px；
背景色：#333；
边框：1px实心#CCC；
宽度：25px；
颜色：#FFF；
字体大小：粗体；
}
.答复{
左侧填充：10px
}
A.答案b{
文本装饰：下划线
}
.如何{
颜色：#555；
左边距：15px；
字体大小：13px；
背景色：#FFF；
填充：2件4件
}
.如何{
颜色：#D00；
字体大小：粗体；
文本装饰：无
}

平均损失计算器
计算目标平均数
输入你的目标平均伤害
键入您希望通过的战斗数量
输入你当前的战斗次数
输入你当前的平均伤害
计算

我在

按钮旁边添加了一个
span
。计算分数后，答案不会显示警报，而是放在
span
中


函数计算（）{
//value属性返回一个字符串，使用parseInt将其转换为整数。
var targetAvgDamage=parseInt（document.getElementById（“a”）.value，10），
numberOfBattles=parseInt（document.getElementById（“b”）.value，10），
battlesFought=parseInt（document.getElementById（“c”）.value，10），
currentAvgDamage=parseInt（document.getElementById（“d”）.value，10）；
var-answer=（（targetAvgDamage*numberOfBattles）-（battlesFought*currentAvgDamage））/（numberOfBattles-battlesFought）；
//从DOM中获取元素以放置答案。
var answerCell=document.getElementById（'answer-cell'）；
//设置元素的文本内容。
answerCell.textContent='答案是：'+Math.ceil（答案）；
}
变量
//从DOM中获取button元素。
calculateTrigger=document.getElementById（'calculate-btn'）；
//为访问者单击按钮附加事件处理程序。
calculateTrigger.addEventListener（“单击”，计算）
*{font-family:arial；-moz框大小：边框框；-webkit框大小：边框框；框大小：边框框；}
正文{边距：40px；背景色：#05537b；}
.此表td{行高：36px；字体大小：14px；}
.container{背景色：#EEE；填充：5px 15px 15px 15px；边框：1px实心#CCC；边距底部：25px；宽度：100%；文本对齐：左}
.box{背景色：FFF；边框：1px实心#CCC；宽度：40px；边距：0px 4px；}
.按钮{左边距：10px；背景色：#333；边框：1px实心#CCC；宽度：25px；颜色：#FFF；字体重量：粗体；}
.答案{左边填充：10px}
.答案b{文本装饰：下划线}
.how{color:#555；左边距：15px；字体大小：13px；背景色：#FFF；填充：2px4px}
.how b{color:#D00；字体大小：粗体；文本装饰：无}

平均损失计算器
计算目标平均数
输入你的目标平均伤害
键入您希望通过的战斗数量
输入你当前的战斗次数
输入你当前的平均伤害
计算
我在
按钮旁边添加了一个
span
。计算分数后，答案不会显示警报，而是放在
span
中


函数计算（）{
//value属性返回一个字符串，使用parseInt将其转换为整数。
var targetAvgDamage=parseInt（document.getElementById（“a”）.value，10），
numberOfBattles=parseInt（document.getElementById（“b”）.value，10），
battlesFought=parseInt（document.getElementById（“c”）.value，10），
currentAvgDamage=parseInt（document.getElementById（“d”）.value，10）；
var-answer=（（targetAvgDamage*numberOfBattles）-（battlesFought*currentAvgDamage））/（numberOfBattles-battlesFought）；
//从DOM中获取元素以放置答案。
var answerCell=document.getElementById（'answer-cell'）；
//设置元素的文本内容。
answerCell.textContent='答案是：'+Math.ceil（答案）；
}
变量
//从DOM中获取button元素。
calculateTrigger=document.getElementById（'calculate-btn'）；
//为访问者单击按钮附加事件处理程序。
calculateTrigger.addEventListener（“单击”，计算）
*{font-family:arial；-moz框大小：边框框；-webkit框大小：边框框；框大小：边框框；}
正文{边距：40px；背景色：#05537b；}
.此表td{行高：36px；字体大小：14px；}
.container{背景色：#EEE；填充：5px 15px 15px 15px；边框：1px实心#CCC；边距底部：25px；宽度：100%；文本对齐：左}
.box{背景色：FFF；边框：1px实心#CCC；宽度：40px；边距：0px 4px；