javascript-單擊按鈕時如何跟蹤事件

Question

我正在使用Java腳本編寫基於Web的計算器，我已經創建了我的按鈕並將它們鏈接起來，如果單擊該特定按鈕，例如按鈕3被單擊3，將會出現在屏幕上，如果單擊了加號，則會發生該事件。它會出現在屏幕上，所以我的問題是跟蹤所有按鈕的單擊並在用戶按下equalto按鈕時對它們進行數學運算，結果顯示在屏幕上，例如3 + 3 =6。我現在的問題是確保將用戶輸入存儲在一個函數中，我可以在這里按下計算器上的equalto符號來調用該函數，並且我的事件函數之一的示例與按鈕1綁定在一起

<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按鈕綁定的函數名稱calculate，如何在此函數中跟蹤按鈕事件（即數字和數學符號），以便當用戶單擊此按鈕時，結果應顯示在屏幕上

function calculate(){


            }

] 1

Answer 1

您可以維護一個數組來跟蹤您對計算器的所有點擊

const buttonClicked = [];

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

一旦單擊任何按鈕

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

在內部計算函數中，嘗試基於buttonClicked數組中的值嘗試執行您要執行的任何操作。