[JavaScript] detasetを使って、画像のsrc属性をクリックされたものに書き換えたいです。

Question

前提・実現したいこと

JavaScriptの勉強をしています。
「JavaScript超入門」(出版社:SBクリエイティブ)という教本に添いながらやっています。

その中の、サムネイルの小さな画像をクリックすると、クリックされた画像が大きく表示されるプログラムにチャレンジしています。
小さな画像(thumbクラスがついているimgタグ)をクリックすると、大きな画像(bigimgのidがついているimgタグ)のsrc属性がクリックされた画像のdeta-imageの値に変わるようにしたいのですが、クリックしても変わりません！

発生している問題・エラーメッセージ

教本通りのコードを書いたつもりですが、小さな画像をクリックしても大きな画像が変更されません。

該当のソースコード

    <div>
      <img src="plus.jpg" id="bigimg">
    </div>
    <ul>
      <li><img src="thumb-plus.jpg" class="thumb" data-image="plus.jpg"></li>
      <li><img src="thumb-multiply.jpg" class="thumb" data-image="multiply.jpg"></li>
      <li><img src="thumb-divide.jpg" class="thumb" data-image="divide.jpg"></li>
      <li><img src="thumb-equal.jpg" class="thumb" data-image="equal.jpg"></li>
    </ul>

<script>
  'use strict';

  const thumbs = document.querySelectorAll('.thumb');
  thumbs.forEach(function(item, index) {
    item.onclick = function() {
      document.getElementById('bigimg').src = this.detaset.image;
    }
  });
</script>

試したこと

確認したのですが、どこが間違っているのかわかりません、、、
教えていただけると幸いです。
わかりにくいところがありましたら申し訳ないです。
初心者ですのでお手柔らかにお願いいたします。

補足情報（FW/ツールのバージョンなど）

![
HTMLはこのように表示されています。

![
ファイル内はこのような感じです

参考にしている教本の該当のページです。HTMLの画像は教本と違うものでやってみました。

Comments

[int32_t]

<script>は文書中のどこに置いてますか?
ブラウザの開発者ツールのコンソールに何かエラーが出ていますか?

[amaeruna]

<script>はbody内footerの下（</footer>と</body>の間）に記述しています。
小さい画像をクリックすると、コンソールには以下のようなエラーが出ました。
Uncaught TypeError: Cannot read properties of undefined (reading 'image')
at HTMLImageElement.item.onclick (index.html:50)

Answer 1

 this.detaset.image;

detaset → dataset ですね。

Comments

[amaeruna]

完全ケアレスミスでございました！
ご回答いただき誠にありがとうございました！
助かりました！