Javascript пропускает несколько кликов

Question

Привет, я новичок в javascript и пытаюсь сделать базовый калькулятор c

Я начал с кнопки добавления

Когда я запускаю код, иногда приходится нажмите кнопку btn-add дважды или 3 раза, чтобы отобразить результат и вычисления, когда число цифр на входе больше, чем предыдущий результат. Есть идеи?

const addBtn = document.querySelector('#btn-add')
const userInput = document.querySelector('#input-number')
const currentResultOutput = document.querySelector('#current-result')
const currentCalculationOutput = document.querySelector('#current-calculation')
let currentResult = 0
let currentDescription

addBtn.addEventListener('click', addFn)

function addFn() {
  currentDescription = ` ${currentResult} + ${userInput.value} `
  currentResult += Number(userInput.value)
  outputResult(currentResult, currentDescription)
}

function outputResult(result, text) {
  currentResultOutput.innerHTML = result
  currentCalculationOutput.innerHTML = text
}

<section id="calculator">
  <input type="number" id="input-number" st />
  <div id="calc-actions">
    <button type="button" id="btn-add">+</button>
    <button type="button" id="btn-subtract">-</button>
    <button type="button" id="btn-multiply">*</button>
    <button type="button" id="btn-divide">/</button>
  </div>
</section>
<section id="results">
  <h2 id="current-calculation">0</h2>
  <h2>Result: <span id="current-result">0</span></h2>
</section>

Answer 1

это проблема с мышью ноутбука lmaoo, извините, ребята

Answer 2

замените этот

function addFn() {
  currentDescription = ` ${currentResult} + ${userInput.value} `
  currentResult += ParseInt(userInput.value)
  outputResult(currentResult, currentDescription)
}

на этот код

function addFn() {
  currentDescription = ` ${currentResult} + ${userInput.value} `
  currentResult += parseInt(userInput.value)
  outputResult(currentResult, currentDescription)
}