JavaScript에서 데이터 속성에 액세스하는 방법: 'this.typeId'가 작동하지 않는 이유와 대신 'dataset'을 사용하는 방법은 무엇입니까?

<code class="html"><span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span></code>

<code class="javascript">document.getElementById("the-span").addEventListener("click", function() {
  var json = JSON.stringify({
    id: parseInt(this.typeId),
    subject: this.datatype,
    points: parseInt(this.points),
    user: "H. Pauwelyn"
  });
});</code>

<code class="javascript">document.getElementById("the-span").addEventListener("click", function() {
  var json = JSON.stringify({
    id: parseInt(this.dataset.typeid),
    subject: this.dataset.type,
    points: parseInt(this.dataset.points),
    user: "Luïs"
  });
});</code>

<code class="json">{ "id": 123, "subject": "topic", "points": -1, "user": "Luïs" }</code>