ホームページ > 記事 > ウェブフロントエンド > JavaScript は簡単な計算機を実装します
はじめに
皆さんこんにちは。私はフロントエンドの js と jq が十分に習熟できず、多くのアルゴリズムや基本的な使い方を忘れてしまわないように、しばらく勉強してきて、フレームワークと背景の内容を学びました。いくつかの小さな機能を徐々に更新していきます。エフェクトコードは記録と蓄積に使用されます。現時点では、カプセル化とコードの冗長性は厳密には必要ありません。
単純な加算、減算、乗算、除算の計算機。値を取得するには、フォームの値を使用します。エディターに直接コピーして、開いて実行できます。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>加减乘除计算器</title> <script type="text/javascript"> function count(){ var a = parseInt(document.getElementById("txt1").value); var b = parseInt(document.getElementById("txt2").value) ; var sign = document.getElementById("select").value; var result = 0; switch(sign){ case "+": result = a+b; break; case "-": result = a-b; break; case "*": result = a*b; break; case "/": result = a/b; break; case "%": result = a%b; break; } document.getElementById("answer").value = result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> <option value="%">%</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='answer' /> </body> </html>上記は全体です。この記事の内容が皆さんの学習に役立つことを願っています。また、皆さんが PHP 中国語 Web サイトをサポートしてくれることを願っています。 シンプルな電卓の JavaScript 実装に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。