按钮如何根据所选的单选按钮显示不同的结果

<input type="radio" name="option" value="option1"> Option 1
<input type="radio" name="option" value="option2"> Option 2
<input type="radio" name="option" value="option3"> Option 3

<div id="result"></div>

const option1 = document.querySelector('input[value="option1"]');
const option2 = document.querySelector('input[value="option2"]');
const option3 = document.querySelector('input[value="option3"]');
const resultDiv = document.getElementById('result');

option1.addEventListener('change', showResult);
option2.addEventListener('change', showResult);
option3.addEventListener('change', showResult);

function showResult() {
  if (option1.checked) {
    resultDiv.innerHTML = 'You selected Option 1.';
  } else if (option2.checked) {
    resultDiv.innerHTML = 'You selected Option 2.';
  } else if (option3.checked) {
    resultDiv.innerHTML = 'You selected Option 3.';
  }
}