はじめに

皆さんはChat GPTを知っていますか?
Chat GPTはどれもが無料で使いたければ使えるやつです。

Chat GPTを「使ってみよう」

便利さとは
https://qiita.com/Atsu1209jp/items/d4273320d5ce5f690e9a

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>

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 = "";
            }

まず上のサイトを見てみましょう。
落ち着かないですよね？このプログラムをHTMLとjsを合体させて、もっと短い文にしてとHTMLに頼む。

結果

Chat gptに聞いて見たら、なんと

コンパクト

<!DOCTYPE html>
<html lang="ja">
<head>
    <title>偶数奇数(出会いたくない)</title>
    <meta charset="UTF-8">
</head>    
<body>
    <h1>1~10の数字を入力</h1>
    <input type="number" id="inputNumber" min="1" max="10">
    <button onclick="checkNumber()">判定</button>

    <script>
        function checkNumber() {
            const inputNumber = document.getElementById("inputNumber").value;
            const result = inputNumber % 2 === 0 ? "偶数" : "奇数";
            alert(result);
        }
    </script>
</body>
</html>

というコードが出てきました。
もっとコンパクトなコードにしたい場合はChat gptをぜひ使ってみてください。

終わり

上の説明があったかのようにChat gptはとても便利です。なので使ってみることをおすすめします。

また今度会いましょう。