奇数偶数

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

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

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

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

                if(textarea.value == "1"){
                    alert("奇数");
                }
        }

if文を増殖させて

 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ファイルの変数として読み込むと...

index.html

<script href="word.js"></script>

word.js

const guusuu = "偶数";
const kisuu = "奇数";

                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);
                }

変数名をローマ字にしておきました。

最後に

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

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

追記

奇数偶数

HTML

JS

パワーアップ

最後に