Вычисление среднего без использования кнопки

Question

как вычислить среднее значение в html, не нажимая кнопку, чтобы показать результат, каждый раз, когда изменяется тип ввода текста, вывод тоже будет меняться, не нажимая кнопку

function multiplyBy() {
  num1 = document.getElementById("firstNumber").value;
  num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 * num2;
}

function divideBy() {
  num1 = document.getElementById("firstNumber").value;
  num2 = document.getElementById("secondNumber").value;
  document.getElementById("result").innerHTML = num1 / num2;
}

<form>
  1st Number : <input type="text" id="firstNumber" /><br> 2nd Number: <input type="text" id="secondNumber" /><br>
  <input type="button" onClick="multiplyBy()" Value="Multiply" />
  <input type="button" onClick="divideBy()" Value="Divide" />
</form>
<p>The Result is : <br>
  <span id="result"></span>
</p>

Answer 1

Добавьте слушателя input к обеим кнопкам:

const inputs = document.querySelectorAll('input');
for (const input of inputs) {
  input.addEventListener('input', () => {
    document.getElementById("result").textContent = (Number(inputs[0].value) + Number(inputs[1].value)) / 2;
  });
}

1st Number : <input type="text" id="firstNumber" /><br> 2nd Number: <input type="text" id="secondNumber" /><br>
<p>The Result is : <br>
  <span id="result"></span>
</p>