JavaScript：模擬簡易計算器的實現

阿新 • • 發佈：2019-01-05

JavaScript：模擬簡易計算器的實現

我是一名在校大學生，初次寫部落格，希望各位大佬不喜勿噴，這個小程式，僅供參考，希望對大家有所幫助。

效果展示：

分析過程：

使用 <marquee></marquee>標籤，是Welcome to calcuators滾動效果的實現標，類似於跑馬燈，從右向左。
定義5個<input>標籤，其中3個text，1個select，1個button。
給計算按鈕新增函式，這個時候我們可以根據使用者選擇的運算方法新增4個不同的函式進行計算，但是這樣過冗餘麻煩，所以我們接收到使用者選擇的計算方法後，進行switch()

語句進行篩選，進行計算。
當用戶輸入的除數為0、使用者的兩個數字不合法時，我們要給出相應的處理，提示使用者輸入錯誤。
使用document.表單名.ID號.value獲取文字框的值，將操作結果顯示在對應文字框裡。

程式碼如下：

    <!DOCTYPE html>
        <html>
        <head>
        	<title>計算器</title>
        	<meta charset="utf-8">
        	<script language= 
"javascript">
        		function asd(){
        			var a=document.jisuanqi.nb1.value;
        			var b=document.jisuanqi.nb2.value;
        			var x=document.jisuanqi.xiala.value;
        			var y=parseFloat(x);
        			if((a!="")&&(b!="")){
        			switch(y){
        				case(1):
        					var 
 c=parseFloat(a)+parseFloat(b);
        					document.jisuanqi.nb3.value=c;
        				break;
        				case(2):
        					var c=parseFloat(a)-parseFloat(b);
        					document.jisuanqi.nb3.value=c;
        				break;
        				case(3):
        					var c=parseFloat(a)*parseFloat(b);
        					document.jisuanqi.nb3.value=c;
        				break;
        				case(4):
        				if(b!="0"){
        					var c=parseFloat(a)/parseFloat(b);
        					document.jisuanqi.nb3.value=c;
        				}
        				else{
        					break;
        				}
        				break;
        			}
        		}
        		else
        			alert("請輸入正確資料!");
        	}
        	</script>
        </head>
        <body bgcolor="#23c4ba">
        	<marquee><h1>Welcome to calcuators</h1></marquee>
        		<form name="jisuanqi" action="NULL" method="post" align="center">
        			數字1=<input type="text" name="nb1" id="nb1"><br>
        			數字2=<input type="text" name="nb2" id="nb2"><br>
        			<h3>請選擇運算方法</h3>
        			<select id="xiala" style="width:60px">
        				<option value="1" selected="selected">
        					+
        				</option>
        				<option value="2">
        					-
        				</option>
        				<option value="3">
        					*
        				</option>
        				<option value="4">
        					/
        				</option>
        			</select><br><br>
        			<input type="button" value="計算" onclick="asd()"><br><br>
        			結果=<input type="text" name="nb3">
        		</form>
        </body>
        </html>

JavaScript：模擬簡易計算器的實現

JavaScript：模擬簡易計算器的實現我是一名在校大學生，初次寫部落格，希望各位大佬不喜勿噴，這個小程式，僅供參考，希望對大家有所幫助。效果展示：分析過程：使用 <marquee></marquee>標籤，是Welcome to ca

簡易計算器實現

存儲出了 dot 所有 span 中綴表達式不為表示法波蘭表達式中綴表達式轉後綴表達式：思路：維護一個隊列和一個棧。然後按下面過程進行處理： ①、當隊列元素為數字時 ·直接保存到隊列 ②、當隊列元素為加減時 ·判斷棧頂的

JavaScript：使用原生JS實現Jsonp跨域，呼叫百度搜索介面完成聯想詞功能

Jsonp解釋 Jsonp這個術語聽起來很高大上，其實它的原理非常簡單，就是利用src不受同源策略限制這一點來實現的，很多標籤都有src特性。你們可以想想為什麼img標籤能將不同源的百度logo拿過來？ <img src="https://www.baidu.com/

JavaScript：用原生js實現重力條件下，可拖拽小球的碰撞運動

本次用原生js，在小球的碰撞運動上添加了重力效應。並且可以拖拽小球，拖拽的方向和力度大小，決定了小球的初始速度和運動方向蠻有趣的，大家可以拷貝程式碼試一試。程式碼也附帶了一些小注釋。 <!DOCTYPE html> <html lang="en"> &l

MFC簡易計算器實現

因為接觸MFC沒有多長時間，所以需要寫一些小程式來熟悉基本操作，這次寫的是一個簡易計算器。外觀：程式下載連結：寫作思路：這裡感謝逆風微光博主的博文，基本參照他的思路由於實現的功能並不多，所以只定義了一個CString變數來接收資料，兩個double變數用

用shell寫一個簡易計算器，可以實現加、減、乘、除運算，假如腳本名字為1.sh，執行示例：./1.

a-z 依次腳本 als 示例內置數位特殊字符使用用shell寫一個簡易計算器，可以實現加、減、乘、除運算，假如腳本名字為1.sh，執行示例：./1.sh 1 + 2#!/bin/bash if [ $# -ne 3 ] then echo "參

C語言模擬實現簡易計算器（深度介紹switch分支語句）

switch語句是多分支選擇語句； switch（條件） { case1:(statement); case2(statement); … } #include<stdio.h> #include<stdlib.h> void menu

編譯原理：用Yacc實現簡易計算器

要求下載bison 下載之後解壓即可配置環境變數 ①在系統變數Path中新增如下變數 \user\local\wbin可以在剛才解壓的資料夾裡找到 ②在系統變數中新增變數BISON_SIMPLE和BISON_HAIRY，變數值如下圖生成.

JavaScript實現簡易計算器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IFE ECMAScript</title> </head&

設計模式之一：簡單工廠模式，用python實現簡易計算器

最近自學Python，想做些小專案練練手，發現程傑寫的大話設計模式這書不錯，適合新手入門。開始這本書第一章學習，這裡實現簡單工廠模式。以實現圖形介面的簡易計算器為例項，能夠計算+-/*% ( )等混合表示式，ps: 沒有實現負數的功能。具體過程大致分為以下幾個步

Vue.js03：v-model實現簡易計算器

pat rip utf-8 content scale http () bug switch v-model用於數據的雙向綁定。bug不少，湊合看吧，主要是練習v-model。 <!DOCTYPE html> <html lang="en">

javascript的一個簡易利率計算器+js圖像顯示代碼

貸款 under 格式 principal 定時 request對象 for char 直線 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <

java棧實現簡易計算器算法

return string 計算 bsp emp java棧 ava empty pan 問題描述：對於任意字符串，包含+ - * /和括號，求出該表達式的值首先百度該問題，網上有不少答案，但是實際思考，發現，很多答案沒有考慮完全，例如： -1+（-2）*3

實驗：模擬實現主機跨路由通信

更改繼續畫出 nor -a logs padding 找不到讓我 p.MsoNormal,li.MsoNormal,div.MsoNormal { margin: 0cm; margin-bottom: .0001pt; text-align: justify; fo

ATM：模擬實現一個ATM + 購物商城程序

模擬實現操作日誌提現賬戶管理購物商城裝飾用戶程序額度 15000或自定義實現購物商城，買東西加入購物車，調用信用卡接口結賬可以提現，手續費5% 支持多賬戶登錄支持賬戶間轉賬記錄每月日常消費流水提供還款接口 ATM記錄操作日誌提供管理接口，包括

JavaScript簡易計算器

link auto cal str html中 light 表達 ont 效果圖 JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HT

實驗：模擬實現智能DNS

智能dns當用戶訪問一個網站的時候，怎樣才能將訪問速度達到最佳呢？有事所有網站尤其是一些電商網站都會關心的的問題，這時候就出現了智能DNS的概念，通俗的說，智能DNS就是在用戶訪問一個網站的時候，DNS服務器就會將離它最近的區域代理服務器的IP地址，塔高訪問速度。一、實驗準備1、智能DNS底層是基於acl控制

JAVA（利用jsp+javabean+servlet）實現簡易計算器

splay value static parse gen title private spl pen 代碼解釋基本都在代碼中給出 1 <%@ page language="java" contentType="text/html; charset=UTF-

Javascript：仿淘寶搜尋框使用者輸入事件的實現

開啟淘寶網首頁，找到淘寶首頁的搜尋框，大家可以看到，當頁面一開啟，搜尋框中就可以看到灰色字型“少女高跟鞋”，還有閃爍的游標。當用戶點選輸入的時候，灰色字消失。當用戶清空文字框的所有內容的時候，灰色字自動恢復。接下來，這個小案例就是要介紹如何實現這種效果，即使用者輸入事件。判斷使用者輸入的事件有 oni

No.25 經典筆試題（二）：模擬實現strcpy,strcat,strcmp,strstr,memcpy

直接上程式碼： 1. //模擬實現strcpy #include <stdio.h> #include <assert.h> char* my_strcpy(char* dest, const char* src) { char* ret = dest ;

JavaScript：模擬簡易計算器的實現

JavaScript：模擬簡易計算器的實現

相關推薦