onclick属性に指定したJavaScript関数が実行しない

localStorageにデータを保存と読み取る関数を作りましたが、なぜか保存ボタンは機能していますが、
読取るボタンが機能しません。　原因を教えていただけますでしょうか。？
console.logには以下のメッセージが出ます。
index.html:11 Uncaught ReferenceError: load is not defined

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text", id="dataIn" value="">
  <input type="button", id="savebut" value="save" onclick="save()">
  <input type="button", id="loadbut" value="load" onclick="load()">
  <div id="output"></div>

  <script>
    function save () {
    let item = document.querySelector('#dataIn').value;
    localStorage.setItem('item', item);

    function load () {
     let mydate = '';
     mydata = localStorage.getItem('item');
     document.querySelector('output') = mydata;
    }
}

</script>
</body>
</html>

行動規範の内容に同意します

回答2件

save関数の中にload関数があるのでそのままのコードでは呼び出せません。
内部関数にした意図も含めて考えてみてください。
あとはそれぞれの機能（querySelector()など）が何を返すのか確認して、適切なプロパティを呼び出してください。
ご自身で#dataInでやってるので出来ると思います。

投稿2021/01/09 10:51

編集2021/01/09 10:55

m.ts10806

総合スコア80854

kinsncn

2021/01/09 11:14

ありがとうございました。

行動規範の内容に同意します

ベストアンサー

document.querySelector('output').innerText = mydata;

では？

let mydate = '';
↑
let mydata = '';のミス？

投稿2021/01/09 10:46

編集2021/01/09 10:51

arta

総合スコア20

arta

2021/01/09 10:53 編集

function save () { let item = document.querySelector('#dataIn').value; localStorage.setItem('item', item); } function load () { let mydata = ''; mydata = localStorage.getItem('item'); document.querySelector('#output').innerText = mydata; }

m.ts10806

2021/01/09 10:56

変数名はコードには影響ないですけど、よろしくはないですね。

kinsncn

2021/01/09 11:16

ありがとうございました。解決できました、#が足りなかったですね。

kinsncn

2021/01/09 11:18

@m.ts10806 初心者なので、まだ変数名などの付け方がよくわからないままやっているところですが、変数名に対して、具体的に提案していただけますでしょうか？

m.ts10806

2021/01/09 11:26

いえ、変数名の指摘ではないです。 mydateと変数を定義しておきながら mydataという変数で初期化してるので、コード実行に問題ないものの無駄なメモリ使ってるという話です。型付け含めて「宣言」には気を遣うようにしてください。「変数名」については「役割を名称だけで誰が見てもわかるように」ですね。 1週間見なかったら自分で書いたコードも忘れますよ。

kinsncn

2021/01/09 11:38

ご指摘通りですね。確かに無駄な一行ですね、ありがとうござました。

行動規範の内容に同意します

あなたの回答