用Javascript单击按钮时如何跟踪事件

Question

我正在使用Java脚本编写基于Web的计算器，我创建了我的按钮并将它们链接起来，如果单击该特定按钮（例如，如果按钮3被单击3，则应该发生的事件）将出现在屏幕上，如果添加符号被单击后它将出现在屏幕上，所以我的问题是跟踪所有按钮的单击并在用户按下equalto按钮时对它们进行数学运算，例如在屏幕上显示3 + 3 = 6。现在是要确保将用户输入存储在一个函数中，我可以通过按下计算器上的equalto符号来调用该函数 这是我的事件函数之一的示例，该事件函数与按钮one关联

<button onclick="one()">1</button> 

function one(){
            var x = document.getElementById('screen')//Gets the value of html content
            if (x.innerHTML == '0'){
                x.innerHTML = 1
            }
            else{
                var x = document.getElementById('screen').innerHTML += 1
            }
            if (x.length > 20){
                var x = document.getElementById('screen').innerHTML = 'ERROR' 
            }
        }

我有一个与equalto按钮绑定的函数名称计算，该函数中如何跟踪按钮事件（即数字和数学符号），以便当用户单击此按钮时，结果应显示在屏幕上

function calculate(){


            }

] 1

Answer 1

您可以维护一个数组以跟踪您对计算器的所有点击

const buttonClicked = [];

<button onclick="buttonClicked(1)">1</button> 

单击任何按钮

function buttonClicked (key) {
buttonClicked.push(key);
}

内部计算函数尝试从buttonClicked数组读取值 基于尝试执行您想执行的任何操作。