Javascript 如何显示多个用户输入

我试图获取用户输入并将其显示给用户，但在用户输入某些内容（例如，从1000开始，然后输入10现金，最后得到990）后，它会不断重置，但在您再次这样做并输入20后，它不会保存您输入的990，而是重新开始并输出980

你明白我的意思了

//隐藏Content-2 Div中的所有内容-
document.getElementById（“Content-2”）.hidden=true；
//取消隐藏content-2 div中的所有内容，隐藏content-1 div中的所有内容，并保存每月id的输入
函数FirstButton（）{
var a=document.getElementById（“每月”）.值；
document.getElementById（“每月金额”）.innerHTML=a；
document.getElementById（“Content-2”）.hidden=false；
document.getElementById（“Content-1”）.hidden=true；
}
//将content-2输入加在一起，并从总数中扣除价格
函数SecondButton（）{
var b=document.getElementById（“项”）.value；
var c=document.getElementById（“价格”）.value；
document.getElementById（“项目价格”）.innerHTML=b+“”+c；
var d=document.getElementById（“每月”）值；
document.getElementById（“每月金额”）.innerHTML=d-c；
}

正文{
背景#34EBC6；
}
#内容{
保证金：0自动；
位置：相对位置；
顶部：200px；
宽度：500px；
}
输入{
宽度：350px；
高度：60px；
大纲：无；
字体大小：24px；
左侧填充：30px；
显示：内联块；
边界半径：5px；
边界：无；
背景：#0e8b72；
颜色：白色；
}
：：占位符{
颜色：白色；
}
钮扣{
位置：相对位置；
高度：60px；
宽度：100px；
字体大小：25px；
边界半径：5px；
边界：无；
颜色：白色；
背景：#0e8b72；
}
#内容-1 h1{
位置：相对位置；
左：100px；
颜色：白色；
字体大小：25px；
字体系列：无衬线；
字体大小：400；
}
#内容-2 h1{
颜色：白色；
字体大小：25px；
字体系列：无衬线；
字体大小：400；
}
#月金额{
位置：相对位置；
顶部：-10px；
左：150px；
字体大小：40px；
字体系列：无衬线；
颜色：白色；
字体大小：400；
}
#项目价格{
位置：相对位置；
顶部：50px；
边框顶部：1件纯黑；
填充顶部：25px；
左侧填充：25px；
}

月预算
下一个
项目：
价格：
下一个

以防万一以后有人遇到同样的问题，您所要做的就是添加一个+=而不是仅仅=作为输出

从

到

及

变为

document.getElementById("Monthly-Amount").innerHTML -=  c;

---

我在这里给你做了一个片段我不认为这个问题需要样式表，它只是让你觉得你的片段很难阅读。

document.getElementById("Item-Price").innerHTML += b +' '+ c;

  var d = document.getElementById("Monthly").value;
  document.getElementById("Monthly-Amount").innerHTML = d - c;

document.getElementById("Monthly-Amount").innerHTML -=  c;