はじめに
皆さんは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はとても便利です。なので使ってみることをおすすめします。