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

Last updated at 2024-05-16Posted at 2024-01-04

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

追記

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

続編を投稿しました

奇数偶数

今日は例として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);
                }

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

最後に

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

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up