JavaScript ベースの Web 計算機の実装
|
この記事では、ウェブ計算機のマインスイーパゲームを実装するための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で新しいデータディスクをマウントするための完全な手順
推薦する
JavaScript のドキュメント オブジェクト モデル (DOM)
目次1. DOMとは何か2. 要素を選択する3. getElementById() 4. クエリセレ...
Linux システムで Java 環境変数を設定する方法
Java環境変数を設定するここで、環境変数は etc/profile に設定され、つまり、すべてのユ...
MySQL テーブル作成外部キー エラーの解決方法
データベーステーブルA: テーブル task_desc_tab を作成します （ id INT(11...
Nginx の場所と proxy_pass パスの設定の問題の概要
目次1. Nginxロケーションの基本設定1.1 Nginx 設定ファイル1.2 Pythonスクリ...
Linux ssh サーバーの構成コード例
LinuxホストにSSHサーバーをインストールするには、次のターミナルコマンドを使用します: sud...
Alibaba Cloud イメージリポジトリの Docker 構成変更の実装
docker リポジトリ自体は非常に遅いですが、中国の Alibaba Cloud ミラー リポジト...
JavaScript の BigIn 関数の共通プロパティをまとめます
目次1. 概要2. 属性1. 数学演算子2. 比較演算子3. ブール演算結論1. 概要BigInt ...
sbinディレクトリを生成せずにNginxをインストールするソリューション
エラーの説明: 1. Linux (CentOS 7 64) システムに Nginx (1.18.0...
JavaScriptはランダムコードの生成と検証を実現する
JavaScriptでのランダムコードの生成と検証は参考までに。具体的な内容は以下のとおりです。イベ...
ウェブページ印刷細線表＋ページ印刷究極の戦略
最近、クライアントのために印刷していたとき、ページのヘッダーを印刷するのではなく、表の内容だけを印刷...
LinuxベースのSelenium環境を構成し、操作を実装する
1. Linux で Selenium を使用する1. Chromeをインストールする次のコマンドを...
Linux システムの .bash_profile ファイルの詳細な説明
目次1. 環境変数$PATH: 2. 環境変数を変更します。 3. bash_profileの目的要...
Centos7.3 で mysql5.7.18 をインストールして初期パスワードを変更する方法
この記事では、Centos7.3でのmysql5.7.18のインストールと初期パスワードの変更につい...
パズル効果を実現するネイティブ js
この記事では、パズル効果を実現するためのネイティブjsの具体的なコードを参考までに共有します。具体的...
Linux運用保守ツールSupervisor（プロセス管理ツール）のインストールと使用
1. はじめにSupervisor は Python で開発された汎用プロセス管理プログラムです。通...