ホームページ > ウェブフロントエンド > jsチュートリアル > Web電卓A JS電卓_その他特殊効果

Web電卓A JS電卓_その他特殊効果

WBOY
リリース: 2016-05-16 17:23:48
オリジナル
1436 人が閲覧しました

これは非常に小さな JavaScript Web 電卓で、画像を変更せずに見栄えがよく、「コードを実行」をクリックするだけで基本的な数学計算を実行できます。効果を確認するためです。


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]<script> <!-- willclear=false //这个变量作为下一次输入是否先清空输入框的状态标志 function backspace(){ //退格 Calc.Input.value = Calc.Input.value.substring(0,Calc.Input.value.length-1) Calc.Input.title = Calc.Input.value.substring(0,Calc.Input.title.length-1) }//取长度为原长度减一的串,实现退格效果。 function addoperator(){ //加操作符 if (willclear){ //如果这次输入前需要清空输入框 willclear=false //先清除标志,避免下次再次被错误地重复清空 clearinput() //清除输入内容 } Calc.Input.value += event.srcElement.innerText //给用于显示的加上刚输入的运算符 Calc.Input.title += event.srcElement.name //给用于计算的表达式区加上刚输入的运算符 } function clearinput(){ //清除输入 Calc.Input.value='' //清空显示区 Calc.Input.title='' //清空表达式 } function result(){ //用于计算结果 Calc.Input.value = eval(Calc.Input.title)//执行表达式区的表达式,返回结果到显示区。 willclear=true//设定下次按键则先清除此次计算结果。 } //--> </script>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート