index.js

// フォームDOM取得
const input1 = document.getElementById('input1');
const input2 = document.getElementById('input2');
const output = document.getElementById('answer');

// 値の初期化
let op1 = 0;
let op2 = 0;

// 入力値の取得イベント
// 計算を実行するときに取り出すため分離。
input1.addEventListener('change', function () {
  op1 = parseInt(input1.value);
})
input2.addEventListener('change', function () {
  op2 = parseInt(input2.value);
})


// 入力値をアラートで確認。
const testInput = document.getElementById('testInput');
testInput.addEventListener('click', function () {
  alert(`operand1: ${op1} operand2: ${op2}`);
});


// クリックで加算
document.getElementById('additionBtn').addEventListener('click', function () { output.value = op1 + op2; });

// クリックで減算
document.getElementById('subtractionBtn').addEventListener('click', function () { output.value = op1 - op2; });

// クリックで乗算
document.getElementById('multiplicationBtn').addEventListener('click', function () { output.value = op1 * op2; });

// クリックで割算
document.getElementById('divisionBtn').addEventListener('click', function () {
    if(op1 == 0 || op2 == 0) output.value = 0;
    else output.value = op1 / op2; 
});

// 割り算を行う。
document.getElementById('clearBtn').addEventListener('click', function () {
  output.value = null;
  input1.value = null;
  input2.value = null;
  op1 = 0;
  op2 = 0;
});