Javascript 如何将按钮添加到计算器

我要做一个计算器，想给它加几个按钮

现在，我正在用一个百分比按钮战斗。我用另一台计算器复制了一个按钮的逻辑，但它不起作用

我这样问是因为我不太了解

JavaScript

。现在我在codecademy.com上做一门课程

我不想使用jQuery

var-box=document.getElementById（'display'）；
功能添加至屏幕（x）{
box.value+=x；
如果（x='c'）{
box.value=''；
}
}
函数答案（）{
x=箱值；
x=评估值（x）；
box.value=x；
}
函数退格（）{
变量编号=box.value；
var len=number.length-1；
var newnumber=数字。子字符串（0，len）；
box.value=newnumber；
}
功能功率（y）{
x=箱值；
x=数学功率（x，y）；
box.value=x；
}
函数btnMod（）{
dokument.calculator.display.value+=“%”；
}

#计算器{
宽度：250px；
高度：400px；
边框：1px纯黑；
文本对齐：居中；
利润率：150px自动；
盒影：0px 0px 20px灰色；
背景：绿色；
}
#展示{
边缘顶部：25px；
边缘底部：20px；
宽度：210px；
高度：25px；
边框：1px纯红；
盒影：0px 0px 30px红色；
文本对齐：右对齐；
字体：20px粗体；
颜色：蓝色；
}
#钥匙{
宽度：41px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#关键点：悬停{
背景：黄色；
字体大小：粗体；
}
#相等的{
宽度：90px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#相等：悬停{
背景：黄色；
字体大小：粗体；
}

计算器


document.calculator.display
未定义，您只需使用前面创建的
框
变量，请参见下面的代码段。下面是在末尾插入的新函数：

function btnMod() {
  box.value += "%";
}


var-box=document.getElementById（'display'）；
功能添加至屏幕（x）{
box.value+=x；
如果（x='c'）{
box.value=''；
}
}
函数答案（）{
x=箱值；
x=评估值（x）；
box.value=x；
}
函数退格（）{
变量编号=box.value；
var len=number.length-1；
var newnumber=数字。子字符串（0，len）；
box.value=newnumber；
}
功能功率（y）{
x=箱值；
x=数学功率（x，y）；
box.value=x；
}
函数btnMod（）{
box.value+=“%”；
}
#计算器{
宽度：250px；
高度：400px；
边框：1px纯黑；
文本对齐：居中；
利润率：150px自动；
盒影：0px 0px 20px灰色；
背景：绿色；
}
#展示{
边缘顶部：25px；
边缘底部：20px；
宽度：210px；
高度：25px；
边框：1px纯红；
盒影：0px 0px 30px红色；
文本对齐：右对齐；
字体：20px粗体；
颜色：蓝色；
}
#钥匙{
宽度：41px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#关键点：悬停{
背景：黄色；
字体大小：粗体；
}
#相等的{
宽度：90px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#相等：悬停{
背景：黄色；
字体大小：粗体；
}

计算器


document.calculator.display
未定义，您只需使用前面创建的
框
变量，请参见下面的代码段。下面是在末尾插入的新函数：

function btnMod() {
  box.value += "%";
}


var-box=document.getElementById（'display'）；
功能添加至屏幕（x）{
box.value+=x；
如果（x='c'）{
box.value=''；
}
}
函数答案（）{
x=箱值；
x=评估值（x）；
box.value=x；
}
函数退格（）{
变量编号=box.value；
var len=number.length-1；
var newnumber=数字。子字符串（0，len）；
box.value=newnumber；
}
功能功率（y）{
x=箱值；
x=数学功率（x，y）；
box.value=x；
}
函数btnMod（）{
box.value+=“%”；
}
#计算器{
宽度：250px；
高度：400px；
边框：1px纯黑；
文本对齐：居中；
利润率：150px自动；
盒影：0px 0px 20px灰色；
背景：绿色；
}
#展示{
边缘顶部：25px；
边缘底部：20px；
宽度：210px；
高度：25px；
边框：1px纯红；
盒影：0px 0px 30px红色；
文本对齐：右对齐；
字体：20px粗体；
颜色：蓝色；
}
#钥匙{
宽度：41px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#关键点：悬停{
背景：黄色；
字体大小：粗体；
}
#相等的{
宽度：90px；
高度：35px；
左边距：10px；
边缘底部：20px；
盒影：0px 0px 20px天蓝色；
光标：poitner；
}
#相等：悬停{
背景：黄色；
字体大小：粗体；
}

计算器


非常感谢，那是真的。非常感谢，那是真的。谢谢你说得对。谢谢你是对的。