javascript - 为什么结果未定义？

Question

为什么是result undefined？

我的代码

var radios = document.querySelectorAll('input[type=radio]');
var result = document.querySelector('.result');
var a;

for (var i = 0; i < radios.length; i++) {
  radios[i].addEventListener('change', function() {
    a = this.dataset.number;
  });
}
result.innerHTML = a;

<input type="radio" name="r" data-number="2" value="Radio 1">Radio 1
<input type="radio" name="r" data-number="4" value="Radio 2">Radio 2
<input type="radio" name="r" data-number="8" value="Radio 3">Radio 3

<div class="result">Result</div>

Javascript

var radios = document.querySelectorAll('input[type=radio]');
var result = document.querySelector('.result');
var a;

for (var i = 0; i < radios.length; i++) {
  radios[i].addEventListener('change', function() {
    a = this.dataset.number;
  });
}
result.innerHTML = a;

我很乐意提供任何帮助

标签： javascripthtmlcss