プログラマーが落ち着かなくなるコードを書いてみた #1

どうもこんにちはAtsu1209です。
今日はプログラマーが落ち着かないコードを書きます。

### 追記

また続編投稿しました 2024/5/16

https://qiita.com/Atsu1209jp/items/b88c5e5ccbf037e76565

続編を投稿しました

https://qiita.com/Atsu1209jp/items/a1b051107bca65e87ceb

# 奇数偶数
今日は例として1~10の間で入力された数を
奇数偶数で判定するコードを書きます。

# HTML
まずはコードを書く前に、HTMLを書きます。

```html:index.html
 <!DOCTYPE html>
    <html lang="ja">
    <head>
        <title>偶数奇数(出会いたくない)</title>
        <meta charset="UTF-8">
    </head>    
        <body>
            <h1>1~10の数字を入力</h1>
            <textarea id="textarea"></textarea>
            <button id="btn" onclick="btn()">判定</button>
        </body>
    </html>
```

# JS

ここからコードを書きます。

```javascript
const textarea = document.getElementById("textarea");
            
            function btn(){

                if(textarea.value == "1"){
                    alert("奇数");
                }
        }
```
if文を増殖させて

```javascript
 const textarea = document.getElementById("textarea");
            
            function btn(){

                if(textarea.value == "1"){
                    alert("奇数");
                }
                if(textarea.value == "2"){
                    alert("偶数");
                }
                if(textarea.value == "3"){
                    alert("奇数");
                }
                if(textarea.value == "4"){
                    alert("偶数");
                }
                if(textarea.value == "5"){
                    alert("奇数");
                }
                if(textarea.value == "6"){
                    alert("偶数");
                }
                if(textarea.value == "7"){
                    alert("奇数");
                }
                if(textarea.value == "8"){
                    alert("偶数");
                }
                if(textarea.value == "9"){
                    alert("奇数");
                }
                if(textarea.value == "10"){
                    alert("偶数");
                }
                 textarea.value = "";
            }
```
僕はなんかこれを書いていて落ち着きませんでした。

# パワーアップ

`奇数`と`偶数`の文字列を別のJSファイルの変数として読み込むと...

```html:index.html
<script href="word.js"></script>
```
```javascript:word.js
const guusuu = "偶数";
const kisuu = "奇数";
```
```javascript
                if(textarea.value == "1"){
                    alert(kisuu);
                }
                if(textarea.value == "2"){
                    alert(guusuu);
                }
                if(textarea.value == "3"){
                    alert(kisuu);
                }
                if(textarea.value == "4"){
                    alert(guusuu);
                }
                if(textarea.value == "5"){
                    alert(kisuu);
                }
                if(textarea.value == "6"){
                    alert(guusuu);
                }
                if(textarea.value == "7"){
                    alert(kisuu);
                }
                if(textarea.value == "8"){
                    alert(guusuu);
                }
                if(textarea.value == "9"){
                    alert(kisuu);
                }
                if(textarea.value == "10"){
                    alert(guusuu);
                }
```
変数名をローマ字にしておきました。

# 最後に
今落ち着いてない人いるんじゃないですかね。
みんなもこんな感じのコード書いてみて、遊んでみてください。
職場ではやらないでくださいね。
では