Javascript 計算器加位數

Question

let numberButtons = document.querySelectorAll('[data-number]')
 let display = document.querySelector('[data-current-operand]')
 display.innerHTML = '';
 
 
numberButtons.forEach(button => {
  button.addEventListener('click', () => {
    console.log(button.innerHTML);
   display.innerHTML = button.innerHTML;
})

我如何制作這樣的代碼，以便當我單擊一個按鈕然后再次執行此操作時，它返回我 33 而不僅僅是 3。感謝解釋

Answer 1

請試試這個

 const numberButtons = document.querySelectorAll('[data-number]') const display = document.querySelector('[data-current-operand]') display.innerHTML = ''; numberButtons.forEach(button => { button.addEventListener('click', (e) => { e.target.innerHTML += e.target.innerHTMl; })

說明： e.target 為您提供了對剛剛單擊的 btn 實例的引用，以及內部 HTMl - 我想您已經知道它是什么 - 在按鈕標簽內為您提供文本。 而 += 就是我所說的“惰性增量”運算符：它將執行這些操作； 讓我 = 9; i+=2 // === i = i + 2

Answer 2

這是處理此問題的一種方法：

let numberButtons = document.querySelectorAll('[data-number]')
 let display = document.querySelector('[data-current-operand]')
 display.innerHTML = '';
 
 
numberButtons.forEach(button => {
  button.addEventListener('click', () => {
    display.innerText = display.innerText + button.innerText
    console.log(button.innerHTML)
})

Answer 3

將按鈕被單擊的次數存儲在變量“count”中。

'3'.repeat(count)

上面的代碼重復字符串 3 'count' 的次數。

如果您有多個按鈕，我建議將計數保存在數組中