constをすべて削除 (#7)

Author: chvmvd

docs/05-variables/index.mdx

@@ -58,25 +58,6 @@ document.write(price);
 
 ![変数の再代入](./reassignment-evaluation.png)
 
-## `const` を用いた宣言
-
-```javascript
-const myName = "田中太郎";
-document.write(myName); // 田中太郎
-```
-
-これまで変数を宣言するために `let` を使ってきましたが、似たものとして `const` というものもあります。
-書き方自体は `let` と同様ですが、少し違いがあります。
-
-```javascript
-const price = 100;
-price = price / 2;
-document.write(price); // このコードはエラーになります。
-```
-
-`let` と同様に再代入をしてみましたが、このコードはエラーになってしまいます。
-なぜなら `const` は再代入が不可能だからです。
-
 :::tip
 
 ここまでの例では、`my name` というフレーズを、`myName` のように記述しています。

docs/06-boolean/index.mdx

@@ -44,9 +44,9 @@ document.write(true || false); // true
 ハンターは自分が強いときかモンスターが小さいときに戦うべきだとしたら、変数 `shouldFight` は次のようになるでしょう。
 
 ```javascript
-const isMonsterBig = true;
-const isHunterStrong = false;
-const shouldFight = isHunterStrong || !isMonsterBig; // false
+let isMonsterBig = true;
+let isHunterStrong = false;
+let shouldFight = isHunterStrong || !isMonsterBig; // false
 ```
 
 ## 比較<Term>演算子</Term>
@@ -56,7 +56,7 @@ const shouldFight = isHunterStrong || !isMonsterBig; // false
 年齢を判定するプログラムを考えましょう。
 
 ```javascript
-const age = 14;
+let age = 14;
 document.write(age === 15); // false
 document.write(age === 14); // true
 ```
@@ -81,9 +81,9 @@ document.write(age === 14); // true
 年齢を表す変数 `age` と身長を表す変数 `height` が与えられたとして、10 歳以上かつ身長が 120cm 以上でないと乗れないとしたら以下のようになるでしょう。
 
 ```javascript
-const age = 15;
-const height = 155;
-const canRideRollerCoasters = age >= 10 && height >= 120; // true
+let age = 15;
+let height = 155;
+let canRideRollerCoasters = age >= 10 && height >= 120; // true
 ```
 
 :::tip
@@ -102,9 +102,9 @@ const canRideRollerCoasters = age >= 10 && height >= 120; // true
 自分が勝ちかどうかを表す変数 `iAmWinner` を作成してください。
 
 ```javascript
-const myPoint = 120;
-const rivalPoint = 80;
-const iAmWinner = /* ここに式を書いてください */;
+let myPoint = 120;
+let rivalPoint = 80;
+let iAmWinner = /* ここに式を書いてください */;
 document.write(iAmWinner); // true
 ```
 
@@ -113,15 +113,15 @@ document.write(iAmWinner); // true
 `+`, `-`, `*`, `/` などの算術演算子は、比較演算子よりも先に計算されます。
 
 ```javascript
-const isBig = 10 + 5 > 10 - 3; // 15 > 7 なので true
+let isBig = 10 + 5 > 10 - 3; // 15 > 7 なので true
 ```
 
 :::
 
 <Answer title="クイズ番組">
 
 ```javascript
-const iAmWinner = myPoint >= 100 && myPoint - rivalPoint >= 20;
+let iAmWinner = myPoint >= 100 && myPoint - rivalPoint >= 20;
 ```
 
 </Answer>

docs/07-if-statement/_samples/the-right-to-vote/script.js

@@ -1,4 +1,4 @@
-const age = 20;
+let age = 20;
 if (age < 18) {
   document.write("選挙権はありません");
 } else if (age < 25) {

docs/07-if-statement/index.mdx

@@ -9,13 +9,13 @@ title: 条件分岐
 ## 基本構造
 
 ```javascript
-const age = 18;
+let age = 18;
 if (age < 20) {
   document.write("お酒を飲めません");
 }
 ```
 
-このプログラムは、`お酒は飲めません` と表示しますが、1 行目を `const age = 20;` に変更すると何も表示されなくなります。
+このプログラムは、`お酒は飲めません` と表示しますが、1 行目を `let age = 20;` に変更すると何も表示されなくなります。
 
 2 行目の `if (age < 20) ` 部分がポイントです。
 ここに差し掛かると、括弧内の<Term>式</Term> `age < 20` が`true` か `false` か判断され、`true` になります。
@@ -47,7 +47,7 @@ if (式) {
 <Term>式</Term>の結果が `true` であれば処理 1 が、`false` であれば処理 2 が実行されます。
 
 ```javascript
-const age = 18;
+let age = 18;
 if (age >= 20) {
   document.write("お酒が飲めます");
 } else {
@@ -78,7 +78,7 @@ if (式1) {
 自分の年齢を<Term>変数</Term>に入れておきます。
 
 ```javascript
-const age = 20;
+let age = 20;
 ```
 
 下を満たすプログラムを作成してください。
@@ -92,7 +92,7 @@ const age = 20;
 if ～ else if ～ else 構文を使うと、次のように書くことができます。
 
 ```javascript showLineNumbers
-const age = 20;
+let age = 20;
 if (age < 18) {
   document.write("選挙権はありません");
 } else if (age < 25) {

docs/08-functions/_samples/multiply/script.js

@@ -1,5 +1,5 @@
 function multiply(a, b) {
-  const result = a * b;
+  let result = a * b;
   return result;
 }
 

docs/08-functions/index.mdx

@@ -59,7 +59,7 @@ greet("morning", "佐藤");
 
 ```javascript
 function add(a, b) {
-  const sum = a + b;
+  let sum = a + b;
   return sum;
 }
 
@@ -71,7 +71,7 @@ document.write(add(3, 4)); // 7
 
 ```javascript
 function add(a, b) {
-  const sum = a + b;
+  let sum = a + b;
   // return sum;
 }
 
@@ -88,7 +88,7 @@ document.write(add(3, 4)); // このコードは正しく動きません
 
 ```javascript
 function multiply(a, b) {
-  const result = a * b;
+  let result = a * b;
   return result;
 }
 

docs/09-dom/_samples/change-shopping-memo/script.js

@@ -1,3 +1,3 @@
-const item = document.getElementById("item2");
+let item = document.getElementById("item2");
 
 item.textContent = "レモン";

docs/09-dom/index.mdx

@@ -97,7 +97,7 @@ document.getElementById("greeting").style.fontSize = "100px";
 `document.getElementById("greeting")` の部分を変数に入れて扱うこともできます。こうすると同じ要素に対する操作を簡潔に書くことができますね。
 
 ```js
-const greetingElement = document.getElementById("greeting");
+let greetingElement = document.getElementById("greeting");
 
 greetingElement.textContent = "こんばんは、世界！";
 greetingElement.style.backgroundColor = "red";
@@ -124,7 +124,7 @@ JavaScript を使ってこの買い物リストを書き換えて、「リンゴ
 <Answer title="買い物リストの書き換え">
 
 ```js
-const item = document.getElementById("item2");
+let item = document.getElementById("item2");
 
 item.textContent = "レモン";
 ```

docs/10-events/_samples/project-jack-in-a-box/script.js

@@ -1,5 +1,5 @@
-const greetingElement = document.getElementById("greeting");
-const buttonElement = document.getElementById("button");
+let greetingElement = document.getElementById("greeting");
+let buttonElement = document.getElementById("button");
 
 function clicked() {
   greetingElement.textContent = "こんにちは、世界！";

docs/10-events/index.mdx

@@ -97,8 +97,8 @@ document.getElementById("greet-button").onclick = clicked;
 ```
 
 ```js
-const greetingElement = document.getElementById("greeting");
-const buttonElement = document.getElementById("button");
+let greetingElement = document.getElementById("greeting");
+let buttonElement = document.getElementById("button");
 
 function clicked() {
   greetingElement.textContent = "こんにちは、世界！";