私たちが知っているように、 電卓 は、日常生活で次のようなさまざまな数学関数を実行するために使用されるポータブルデバイスです。 加算、減算、乗算、除算 ただし、三角関数、次数、指数演算子、対数関数、双曲線関数、平方根などの複雑なタスクを解決するために使用される科学計算機または高度な計算機があります。このトピックでは、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電卓の表示結果 。
typescript でのマッピング
さらに、B( 戻る ) ボタン。完全に表示されている数字を削除したい場合は、C ( キャンセル ) ボタンをクリックして計算します。