文字を切り替えるには？

HTML
1<body>
2  <h1 id="oo">おはよう</h1>
3
4  <script>
5    "use strict";
6
7    document.getElementById("oo").addEventListener("click", () => {
8      if (textContent === "おはよう") {
9      document.getElementById("oo").textContent = "こんにちは";
10      } else {
11        document.getElementById("oo").textContent = "おはよう";
12      }
13    });
14
15
16  </script>
17</body>

おはようをクリックしたら文字がこんにちはと切り替わって、また切り替わったこんにちはをクリックすると
おはように切り替わるといったものを、JavaScriptを用いて作りたく考えた結果、上記のようなコードになったのですが、動きません。どうすればいいですか？

ちなみに開発ツールで見ると、
Uncaught ReferenceError: textContent is not defined
at HTMLHeadingElement.<anonymous>
このようなエラーが出ています。

Automatic9045

2021/04/05 10:25

F12開発ツールを開いてみて下さい。何かしらエラーが出ていませんか？エラーの内容を本文に追記して下さい。

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

回答2件

「変数を定義したうえで保持」してください。
現状だとtextContent は未定義の変数です。

投稿2021/04/05 10:24

m.ts10806

総合スコア80875

kirakira3003

2021/04/07 00:23

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

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

ベストアンサー

js
1document.getElementById("oo").addEventListener("click", (e) => { 
2  if (e.target.textContent === "おはよう") {
3    e.target.textContent = "こんにちは";
4  } else {
5    e.target.textContent = "おはよう";
6  }
7});