この記事では、ウェブ計算機のマインスイーパゲームを実装するための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で新しいデータディスクをマウントするための完全な手順
1. ソースコードの設計コードをコピーコードは次のとおりです。 <!DOCTYPE html ...
目次Vue2 ライティングVue3プラグインのバージョンの記述Vue3 動的コンポーネントの記述書き...
トリガーの紹介トリガーは、テーブルに関連付けられた特別なストアド プロシージャであり、テーブル内のデ...
Vueベースこの機能の核となるアイデアは、JavaScript コードを通じてページ上のノードの左余...
目次フォワードプロキシnginx リバースプロキシnginx リバースプロキシ 02リバースプロキシ...
この記事では、Xshell と関連する構成の一般的な問題について説明します。この記事の構成は、主に ...
目次1 システムスループットの簡単な紹介2 試験方法2.1 クライアントテストツール2.1.1 GE...
目次背景MySQLが完全に起動したかどうかを確認する方法事故最初の変更2回目の改訂要約するMySQL...
1. /etc/passwdファイル内のデフォルトシェルが/sbin/nologinではないユーザー...
十分に最適化されていない、またはパフォーマンスが極端に低い SQL ステートメントに直面した場合、通...
基礎1. スキャフォールディングを使用してプロジェクトを作成し、開始する1.1 足場を設置する: n...
証券会社にいた頃、設計業務が忙しくなかったため、商品のマニュアルを書く役割を担ったことがありました。...
Windows 環境と Linux 環境では結果が異なります。ウィンドウズステップ 1: Maven...
目次前面に書かれた複数のストレージマウント方法1.バインドマウント2. 巻数3.tmpfsマウントス...
目次ユーザー管理新しいユーザーを作成するユーザー名の変更ユーザーのパスワードを設定するルートパスワー...