human
インターフェイスを備えた基本計算機のコードを書くことはできますか？
gpt
お持ちの電卓によります。TI-84やFX 7900 GXなら、プログラミング専用のインターフェイスがあります。
human
いいえ、Basicと呼ばれるプログラミング言語ではありません。計算機アプリを作成するプログラムを作成することを意味します。
gpt
誤解をお詫びします。
これは、HTML、CSS、およびJavaScriptを使用して構築された単純なユーザーインターフェイスを備えた基本的な計算機の例です。

HTML：
`` html
<！doctype html>
<html>
<head>
<title>基本計算機</title>
<link rel = "styleSheet" type = "text/css" href = "style.css">
</head>
<body>
<div class = "calculator">
<div class = "display">
<input type = "text" id = "result" readonly>
</div>
<div class = "bottons">
<button onclick = "clearResult（）"> c </button>
<ボタンonclick = "backspace（）"> ce </button>
<ボタンonclick = "appendtoresult（ '/'）">/</button>
<button onclick = "appendtoresult（ '*'）">*</button>
<button onclick = "appendtoresult（ '7'）"> 7 </button>
<ボタンonclick = "appendtoresult（ '8'）"> 8 </button>
<button onclick = "appendtoresult（ '9'）"> 9 </button>
<button onclick = "appendtoresult（ ' - '）">  -  </button>
<button onclick = "appendtoresult（ '4'）"> 4 </button>
<button onclick = "appendtoresult（ '5'）"> 5 </button>
<button onclick = "appendtoresult（ '6'）"> 6 </button>
<ボタンonclick = "appendtoresult（ '+'）">+</button>
<button onclick = "appendtoresult（ '1'）"> 1 </button>
<button onclick = "appendtoresult（ '2'）"> 2 </button>
<button onclick = "appendtoresult（ '3'）"> 3 </button>
<ボタンonclick = "calculate（）"> = </button>
<ボタンonclick = "appendtoresult（ '0'）"> 0 </button>
<button onclick = "appendtoresult（ '。'）">。</button>
</div>
</div>
<スクリプトsrc = "script.js"> </script>
</body>
</html>
`` `

CSS：
`` css
.Calculator {
幅：300px;
マージン：0 Auto;
フォントサイズ：20px;
font-weight：bold;
}

。画面 {
バックグラウンドカラー：＃f2f2f2;
パディング：10px;
テキストアライグ：右;
}

.buttons {
ディスプレイ：グリッド;
Grid-Template-Columns：Repeat（4、1Fr）;
グリッドギャップ：10px;
マージントップ：10px;
}

ボタン {
バックグラウンドカラー：＃4CAF50;
色：白;
国境：なし;
パディング：10px 20px;
カーソル：ポインター;
ボーダーラジウス：5px;
}

ボタン：ホバー{
バックグラウンドカラー：＃3e8e41;
}
`` `

JavaScript：
「JS」
let rest = document.getElementById（ 'result'）;

関数appendtoresult（value）{
result.value += value;
}

function clearResult（）{
result.value = '';
}

function backspace（）{
result.value = result.value.slice（0、-1）;
}

関数計算（）{
試す {
result.value = eval（result.value）;
} catch（error）{
result.value = 'error';
}
}
`` `

この計算機は、加算、減算、乗算、除算などの基本的な算術操作、および小数数をサポートします。また、ディスプレイをリセットする「クリア」ボタン、最後に入力した文字を削除する「CE」ボタン、結果を計算する「=」ボタンも含まれています。