この記事の例では、参考までに簡単な計算機を実装するためのJavaScriptの具体的なコードを共有しています。具体的な内容は次のとおりです。 シンプルな計算機を設計する コード <本文> <a>最初の数字</a> <input type="test" id="inputId1" 値="" /><br/> <a>2番目の番号</a> <input type="test" id="inputId2" 値="" /><br/> <button onclick="cal('+')">+</button> <button onclick="cal('-')">-</button> <button onclick="cal('*')">*</button> <button onclick="cal('/')">/</button><br/> 計算結果 <input type="test" id="resultId" value="" /> <script type="text/javascript"> // 関数 add() { // コンソールログ('追加'); // var inputObj1 = document.getElementById('inputId1'); // var inputObj2 = document.getElementById('inputId2'); // var 結果 = parseInt(inputObj1.value) + parseInt(inputObj2.value); // var resultObj = document.getElementById('result'); // resultObj.value = 結果; // console.log(結果); // } 関数cal(type) { var inputObj1 = document.getElementById('inputId1'); var inputObj2 = document.getElementById('inputId2'); スイッチ(タイプ){ ケース '+': var 結果 = parseInt(inputObj1.value) + parseInt(inputObj2.value); 壊す; 場合 '-': var 結果 = parseInt(inputObj1.value) - parseInt(inputObj2.value); 壊す; 場合 '*': var 結果 = parseInt(inputObj1.value) * parseInt(inputObj2.value); 壊す; 場合 '/': var 結果 = parseInt(inputObj1.value) / parseInt(inputObj2.value); 壊す; } var resultObj = document.getElementById('resultId'); resultObj.value = 結果; } </スクリプト> </本文> </html> 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQL データベースの基本的な SQL ステートメントの概要
>>: Docker で Python スクリプトを実行する方法
序文以前フロントエンドを勉強していたとき、メタタグに対する私の理解はこの一文だけでした。 <メ...
MySQL のデータ フィールドのタイプを定義することは、データベースを最適化するために非常に重要で...
#include <asm/io.h> #define ioremap(cookie,...
目次エフェクト表示コードリンクキーコード表形式データコンポーネントのネスト検証方法リセット方法完全な...
次のコードを index.html などのデフォルトのホームページ ファイルとして保存し、ルート デ...
序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...
cpanel 管理バックエンドを開き、「詳細」オプションの下に「Clock Guardian Job...
コードを書くとき、2 つのファイル間の違い、または同じファイルの異なるバージョン間の違いを知る必要が...
目次utf8mb4 の紹介UTF8 バイト数超過エラーutf8mb4 サポートデフォルトの文字エンコ...
1. inodeの紹介inode を理解するには、まずファイル ストレージから始める必要があります。...
MySQLの概要MySQL はリレーショナル データベース管理システムです。データベースは構造化され...
原因docker スクリプトを実行すると、コンテナを作成できないというエラーが発生します。以下のよう...
目次1. 初期化構造2. 蛇の色のレンダリング3. ヘビの動き4. ヘビの死を判定する方法 ヘビの死...
目次序文子コンポーネントは親コンポーネントにデータを渡す1. 親コンポーネントから子コンポーネントに...
ユーザーがログアウトした後、ブラウザの戻るボタンがクリックされると、Web アプリケーションは保護さ...