logo

JavaScript 計算機

私たちが知っているように、 電卓 は、日常生活で次のようなさまざまな数学関数を実行するために使用されるポータブルデバイスです。 加算、減算、乗算、除算 ただし、三角関数、次数、指数演算子、対数関数、双曲線関数、平方根などの複雑なタスクを解決するために使用される科学計算機または高度な計算機があります。このトピックでは、JavaScript で計算機プログラムを作成します。

例 1: JavaScript、HTML、CSS プログラミング言語を使用して JavaScript 電卓を作成します。

ビルド.html

Javaのif-else文
 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 
今すぐテストしてください

出力

上記プログラムを任意のブラウザで実行すると、以下の画像が表示されます。

JavaScript 計算機

ここで、次に示すように、数字ボタンを押して JavaScript 電卓で複数の操作を実行します。

JavaScript 計算機

操作を実行した後、「」をクリックします。 = ' (イコール) ボタンを押すと、 JavaScript電卓の表示結果

typescript でのマッピング
JavaScript 計算機

さらに、B( 戻る ) ボタン。完全に表示されている数字を削除したい場合は、C ( キャンセル ) ボタンをクリックして計算します。