Javascript 将数字添加到';单击';

Javascript 将数字添加到';单击';,javascript,html,arrays,arraylist,Javascript,Html,Arrays,Arraylist,所以我在做一个计算器,而不是实际的按钮,我把它们放在div中,所以它就是这样 我只是想用普通的javascript来做这件事,我想在“按钮”中添加一个事件监听器,点击将div放入数组中。。 无论如何,我认为我走的是正确的道路,我确信在开始实际计算之前,我必须解析数组或div 检查下面的JS: “严格使用”; const input=document.querySelector('#input'),//输入/输出按钮 numbers=document.querySelectorAll('.num

所以我在做一个计算器,而不是实际的按钮,我把它们放在div中,所以它就是这样

我只是想用普通的javascript来做这件事,我想在“按钮”中添加一个事件监听器,点击将div放入数组中。。 无论如何,我认为我走的是正确的道路,我确信在开始实际计算之前,我必须解析数组或div

检查下面的JS:

“严格使用”;
const input=document.querySelector('#input'),//输入/输出按钮
numbers=document.querySelectorAll('.numbers div'),//数字按钮
operators=document.querySelectorAll('.operators div'),//运算符按钮
结果=document.querySelector('#result'),//相等按钮
clear=document.querySelector(“#clear”);//清除按钮
让numberInput=[]
document.getElementsByClassName('.numbers div')
.addEventListener('click',函数(事件){
数字输入推送(事件);
});
console.log(numberInput)
让resultDisplayed=false;//监视显示的输出的标志
正文{
字体大小:16px;
字体系列:-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”;
}
p{
显示:块;
利润率:2米自动;
}
u中心{
文本对齐:居中;
}
.包装纸{
最大宽度:960像素;
利润率:4%自动;
宽度:100%;
}
.计算器{
边界半径:1px;
盒影:0 1px4p0 rgba(0,0,0,0.2);
字体大小:1.8rem;
字母间距:5px;
保证金:0自动;
填充:20px;
-webkit盒阴影:0 1px 4px 0 rgba(0,0,0,0.2);
宽度:29雷姆;
}
.输入{
边框:1px实心#ddd;
边界半径:1px;
字体大小:2.5rem;
高度:60px;
右边距:6px;
溢出-x:自动;
右侧填充:1rem;
填充顶部:10px;
文本对齐:右对齐;
转换:所有.2易入易出;
}
.输入:悬停{
边框:1px实心#bbb;
-webkit盒阴影:嵌入0px 1px 4px 0px rgba(0,0,0,0.2);
盒影:插入0px 1px 4px 0px rgba(0,0,0,0.2);
}
·操作员组{
显示:内联块;
边框:1px实心#bbb;
边界半径:1px;
宽度:80px;
文本对齐:居中;
填充:10px;
利润率:20px 4px 10px 0;
光标:指针;
背景色:#ddd;
过渡:边框颜色。2s缓进输出,背景色。2s,方框阴影。2s;
}
.操作员组:悬停{
背景色:#ddd;
-webkit盒阴影:0px 1px 4px 0px rgba(0,0,0,0.2);
盒影:0px 1px 4px 0px rgba(0,0,0,0.2);
边框颜色:#aaa;
}
.操作员组:现行{
字体大小:粗体;
}
.左面板{
显示:内联块;
}
.数字组{
显示:内联块;
边框:1px实心#ddd;
边界半径:1px;
宽度:80px;
文本对齐:居中;
填充:10px;
保证金:10px 4px 10px 0;
光标:指针;
背景色:#f9f9f9;
过渡:边框颜色。2s缓进输出,背景色。2s,方框阴影。2s;
}
.数字分区:悬停{
背景色:#f1f1;
-webkit盒阴影:0px 1px 4px 0px rgba(0,0,0,0.2);
盒影:0px 1px 4px 0px rgba(0,0,0,0.2);
边框颜色:#bbb;
}
.数字分区:活动{
字体大小:粗体;
}
.相等{
显示:内联块;
边框:1px实心#3079ED;
边界半径:1px;
宽度:17%;
文本对齐:居中;
填充:127px 10px;
保证金:10px 6px 10px 0;
垂直对齐:顶部;
光标:指针;
颜色:#FFF;
背景色:#4d90fe;
转换:所有.2易入易出;
}
.equal:悬停{
背景色:#307CF9;
-webkit盒阴影:0px 1px 4px 0px rgba(0,0,0,0.2);
盒影:0px 1px 4px 0px rgba(0,0,0,0.2);
边框颜色:#1857b;
}
.相等:活动{
字体大小:粗体;
}

计算器
+
-
*
/
7.
8.
9
4.
5.
6.
1.
2.
3.
0
.
C
=

最初来源于:

更改

document.getElementsByClassName('.numbers div')

改变


好的,亲爱的,一旦我拿回我的笔记本电脑,我会尝试一下,刚开始适应它。是的,所有的东西都进入阵列了,现在就把它精确化!好的,亲爱的,一旦我拿回我的笔记本电脑,我会尝试一下,刚开始适应它。是的,所有的东西都进入阵列了,现在就把它精确化!
document.querySelectorAll('.numbers div').forEach(btn => {
   btn.addEventListener('click', (event) => {
       numberInput.push(parseInt(event.target.textContent));
   }

}