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で新しいデータディスクをマウントするための完全な手順
推薦する
Dockerコンテナ間の通信を実装する方法
シナリオ: laradock 開発環境 (php7.3+mysql5.7) がローカルに構築されてい...
MySQL 最適化の概要 - クエリエントリの合計数
1. COUNT(*) と COUNT(COL) COUNT(*)は通常、主キーに対してインデックス...
Mysql の遅いクエリ操作の概要
MySQL の遅いクエリの説明MySQL スロー クエリ ログは、MySQL が提供するログ レコー...
使用場所によって混乱しやすいXHTMLタグ
<br />jb51.net では、常に記事のセマンティクスを重視してきましたが、HTM...
有名ウェブサイトのロゴにおすすめのフォント40選
世界で最も有名なウェブサイトのロゴデザインにはどんなフォントが使われているかご存知ですか?これらのフ...
MySql テーブル、データベース、シャーディング、パーティショニングの知識の詳細な説明
1. はじめにデータベース内のデータ量が一定レベルに達すると、システムパフォーマンスのボトルネックを...
Windows での MySQL 8.0.16 のインストールと設定方法のグラフィック チュートリアル
この記事は、参考のためにMySQL 8.0.16のインストールグラフィックチュートリアルを記録してい...
MySQL でタイムゾーンを表示および変更する方法
今日、プログラムが間違った時刻を挿入し、フィールドがデフォルト値 CURRENT_TIMESTAMP...
Linux 上の Vim で色とテーマを変更する方法
Vim は Linux でよく使用されるテキスト エディターです。 Vim は、Sublime や ...
Vue ElementUI で Excel ファイルを手動でサーバーにアップロードする方法の詳細な説明
目次概要プロパティ設定処理ロジック概要具体的な需要シナリオは次のとおりです。 Excel ファイルを...
Vueはファイルのアップロードとダウンロードを実装します
この記事では、参考までにVueのファイルのアップロードとダウンロードの具体的なコードを紹介します。具...
MySQLにおける正規表現の一般的な使用法
MySQL における Regexp の一般的な使用法特定の文字列を含むあいまい一致# コンテンツフィ...
フォーム検証機能を実装するためのネイティブ js
目次開発の際には、機能を段階的に分析して実装することで、明確な考え方を保つことができます。 1. フ...
Vueはパーセンテージバー効果を実現します
この記事では、パーセンテージバーを実現するためのVueの具体的なコードを参考までに共有します。具体的...
mysqladmin を使用して MySQL インスタンスの現在の TPS と QPS を取得する方法
mysqladmin は管理と操作を行う公式の mysql クライアント プログラムです。MySQL...