この記事では、ウェブ計算機のマインスイーパゲームを実装するためのJavaScriptの具体的なコードを参考までに共有します。具体的な内容は次のとおりです。 まず効果を見てみましょう: さらに、この計算機にはデジタル機能とオペレータチェック機能も備わっています。 以下のソースコードを貼り付けます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>電卓</title> <スクリプト言語="javascript"> var oper1=prompt("最初のオペランドを入力してください:"); var oper2 = prompt("2番目のオペランドを入力してください: "); var operator=prompt("演算子(+、-、、/)を入力してください"); 解析(); var 結果; スイッチ(演算子) { ケース"+": 結果=doSum(oper1,oper2); アラート(oper1+"+"+oper2+"="+結果); 壊す; 場合"-": 結果 = doSubtract (oper1, oper2); アラート(oper1+"-"+oper2+"="+結果); 壊す; 場合"*": 結果 = doMultiply(oper1,oper2); アラート(oper1+"*"+oper2+"="+結果); 壊す; 場合"/": 結果 = doDivide(oper1,oper2); アラート(oper1+"/"+oper2+"="+結果); 壊す; デフォルト: alert("入力された演算子は不正です"); } 関数解析(){ if(isNaN(oper1)||isNaN(oper2)){ alert("入力された番号は不正です"); } それ以外{ oper1 = parseFloat(oper1); oper2 = parseFloat(oper2); } } 関数doSum(oper1,oper2){ oper1+oper2 を返します。 } 関数doSubtract(oper1,oper2){ oper1-oper2 を返します。 } 関数doMultiply(oper1,oper2){ oper1*oper2 を返します。 } 関数doDivide(oper1,oper2){ oper1/oper2 を返します。 } </スクリプト> </head> <本文> </本文> </html> もちろん、ここに表示されているのは JavaScript のソースコードのみです。HTML+CSS を使用して電卓の外観をデザインすることもできます。ご自由にお使いください。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Linuxターミナルでの一般的なMySQL操作コマンドの詳細な説明
>>: CentOS7で新しいデータディスクをマウントするための完全な手順
最初のステップはTypeScriptをグローバルにインストールすることですnpmを使用してインストー...
1. 正常に生成されたアイコン ファイルをダウンロードし、名前を favico.ico に変更して、...
Microsoft は T4 テンプレートを提供していますが、使用するのが非常に難しいと思います。ス...
テーブルを美しくするために、行ごとに異なる境界線の色を設定できます。基本的な構文<TR 境界線...
システムをインタラクティブに監視したい場合は、htop コマンドが最適な選択肢の 1 つです。 ht...
ここで、アンカー ポイントを制御するいくつかの状況をまとめてみましょう。 1. 同じページ <...
Mac で Docker を使用して Oracle をデプロイする方法まずdockerをインストール...
Macはシェル(ターミナル)SSHを使用してリモートサーバーに接続します前提条件: 接続する必要があ...
序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...
MySQL 5.7 をインストールするには 2 つの方法があります。1 つはインストーラをダウンロー...
テーブル作成コマンドには以下が必要です。 テーブルの名前フィールド名各フィールドを定義します(タイ...
1. Centos7.6システムを作成し、システムを最適化する1. NetworkManagerをオ...
Tomcat CentOS インストールこのインストール チュートリアルでは、次の内容について説明し...
目次1. grub.cfg ファイルの紹介1. grub.cfg ファイルの場所2. grub.cf...
textarea の形式は保存時にデータベースに保存できますが、表示時には /n と相互に変換できな...