Javascript 正在尝试创建一个计算器，在顶部显示以前键入的数字

这是我计算器的全部代码。我认为这个函数是正确的，但我想在我当前键入的数字的顶部显示我之前键入的数字，就像在windows上运行的默认计算器一样

输入[类型=按钮]{
颜色：白色；
边界：0；
显示：块；
高度：110px；
宽度：90px；
字体系列：百老汇；
字体大小：200%；
盒影：0px4pRGBA（0,0,0,0.2）；
边界半径：3px；
利润率：0 7px 11px 0；
过渡：所有0.2秒缓解；
}
运输署{
背景色：；
}
输入[类型=文本]{
颜色：黑色；
字体大小：300%；
高度：100px；
边界半径：5px；
}
#计算器{
宽度：425px；
高度：自动；
保证金：100像素自动；
填充：20px 20px 9px；
背景：9dd2ea；
背景：线性梯度（#9dd2ea，#8bceec）；
边界半径：3px；
盒影：0px 4px#009de4，0px 10px 15px rgba（0,0,0,0.2）；
}
p{
颜色：灰色；
}
#清楚的{
高度：2倍；
宽度：2倍；
背景色：红色；
}
卡西欧
卡拉斯奥格辛塞利奥酒店




作者：Raymart C.Lopez

您可以通过添加第二个“显示”来实现这一点。 每次单击按钮时，您都可以这样更新，而不仅仅是更新第一个显示：

输入[类型=按钮]{
颜色：黑色；
边界：0；
显示：块；
高度：110px；
宽度：90px；
字体系列：百老汇；
字体大小：200%；
盒影：0px4pRGBA（0,0,0,0.2）；
边界半径：3px；
利润率：0 7px 11px 0；
过渡：所有0.2秒缓解；
}
运输署{
背景色：；
}
输入[类型=文本]{
颜色：黑色；
字体大小：300%；
高度：100px；
边界半径：5px；
}
#计算器{
宽度：425px；
高度：自动；
保证金：100像素自动；
填充：20px 20px 9px；
背景：9dd2ea；
背景：线性梯度（#9dd2ea，#8bceec）；
边界半径：3px；
盒影：0px 4px#009de4，0px 10px 15px rgba（0,0,0,0.2）；
}
p{
颜色：灰色；
}
#清楚的{
高度：2倍；
宽度：2倍；
背景色：红色；
}

卡西欧
卡拉斯奥格辛塞利奥酒店




作者：Raymart C.Lopez

为了实现这一点，您需要对计算器按钮函数进行一些扩展，但这完全可能不需要深入研究jQuery

如前所述，您需要一个“第二个屏幕”来保持方程字符串

下面实现了您正在寻找的功能，再加上一些小功能，使其按预期工作

使用

eval（）

时应小心，因为它会执行任何有效的JavaScript代码。更多信息：

var endOfCalculation=false；
var els=document.getElementsByClassName（'calc-button'）；
对于（变量i=0；i

输入[类型=按钮]{
颜色：白色；
边界：0；
显示：块；
高度：110px；
宽度：90px；
字体系列：百老汇；
字体大小：200%；
盒影：0px4pRGBA（0,0,0,0.2）；
边界半径：3px；
利润率：0 7px 11px 0；
过渡：所有0.2秒缓解；
}
运输署{
背景色：；
}
#顶行{
高度：50px；
填充底部：0；
}
输入[类型=文本]{
颜色：黑色；
字体大小：300%；
高度：100px；
边界半径：5px；
}
#计算器{
宽度：425px；
高度：自动；
保证金：100像素自动；
填充：20px 20px 9px；
背景：9dd2ea；
背景：线性梯度（#9dd2ea，#8bceec）；
边界半径：3px；
盒影：0px 4px#009de4，0px 10px 15px rgba（0,0,0,0.2）；
}
p{
颜色：灰色；
}
#清楚的{
高度：2倍；
宽度：2倍；
背景色：红色；
}

卡西欧
卡拉斯奥格辛塞利奥酒店




作者：Raymart C.Lopez

您介意使用Jquery吗？我复制了您提供的代码并尝试运行它，但每当我单击按钮时，屏幕上都不会显示任何内容。。没有出现数字？onclick函数在哪里？没有显示任何内容。如果您查看JS代码段，就会发现有一个for循环以编程方式添加click事件。我刚刚试着运行了这个代码段，效果还不错——如果您试图在本地运行它，请记住JS需要包含在

标记中，HTML代码段不包括所有文档标记，因为它们是自动应用的。