JavascriptのWebstorageが動作しない場合の解決方法

前提・実現したいこと

”Pythonではじめる Webサービス＆スマホアプリ”という書籍でpythonとJavascriptの勉強をしております。

その中で、WebStorageを利用するところで動作しないため、お教えいただきたく投稿しました。

実現したいことは対象のHTMLファイルをWebで表示させ、TextBoxに入力した文字列を、Webのリロードや新規ウィンドウで同じHTMLファイルを表示させた際入力された文字列（WebStorageに保存された）を見えるようにしたいです。

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

エラーメッセージは表示されませんが、Webブラウザで動作させた際に、本来入力した文字列を保存し、リロードや再度ブラウザでHTMLファイルを表示しても入力した文字列が表示されるはずが表示されない現象になっております。

該当のソースコード

JavaScript
1
2<!DOCTYPE html>
3<html><meta charset="UTF=8"><body>
4  <textarea id="tbox" rows="5" cols="60"></textarea>
5  <script type="text/javascript">
6  // textareaのオブジェクトを取得 ---(*1)
7  const tbox = document.getElementByID('tbox')
8  // すでにテキストが保存されていれば復元 ---(*2)
9  if (localStorage['tbox']) {
10    tbox.value = localStorage['tbox']
11  }
12  // キーが押された時にテキストを保存 ---(*3)
13  tbox.onkeydown = function (e) {
14    localStorage['tbox'] = tbox.value
15  }
16  </script>
17</body></html>
18
19
20### 試したこと
21
22PCのローカル上、サーバー上(lolipop)でSafari、Chromeどちらで試しても動作しませんでした。
23
24### 補足情報（FW/ツールのバージョンなど）
25
26MacbookAir(Early 2015)
27OS:10.15.5 Catalina
28
29WebBrowser:
30Google Chrome:83.0.4103.61
31Safari:13.1.1 (15609.2.9.1.2)
32
33Atom 1.48.0 x64