簡易計算器案例

2021-10-07 23:23:27 字數 1891 閱讀 1522

計算器基本功能:

實現單擊數字按鈕 錄入數字

實現單擊功能按鈕 進行對應的運算

實現基本的四則運算(加減乘除)

實現正負號功能

實現退位功能

實現清屏功能

注意點:

7. 錄入框不能通過其他方式更改其數字

8. 四則運算中需要滿足 除數不能為零

9. 小數點只能出現一次

10. 正負號運算要對

11. 退位功能時 當退到最後一位顯示框要顯示0而非什麼都不顯示

需要運用的工具及知識點:

這裡我是運用**樣式 給每行每列插入按鈕,設定他們的value值,html**如下:

"en">"main_mache(),dodoke()">

"mache-box">

"box">

"text" id="num" name="num">

"main" cellspacing="5px">

"button" value="c">

"button" value="←">

"button" value="+/-">

"button" value="/">

"button" value="1">

"button" value="2">

"button" value="3">

"button" value="*">

"button" value="4">

"button" value="5">

"button" value="6">

"button" value="-">

"button" value="7">

"button" value="8">

"button" value="9">

"button" value="+">

"button" value="0">

"button" value=".">

"button" value="=">

"button" value="d" id="dodoke">

分別對文字框和按鈕進行樣式設計

/*全域性宣告*/

*/*整體設定*/

.mache-box

/*按鈕設定*/

/*屬性選擇器*/

input[type="button"]

/*文字框設定*/

input[type="text"]

/*滑鼠懸停有樣式*/

input[type="button"]:hover

function

main_mache()

else

//非數字

}else

else

break;}

break;}

}}}}

//判斷是否是數字

function

isnumber

(n)//驗證文字框是否為空或者為0

function

isnull

(n)else

}//小數點

function

dec_number

(n)return n;

}//退位鍵

function

back

(n)return n;

}//正負號

function

sign

(n)

vue簡易計算器小案例09

邏輯部分沒有完全實現,主要用來練手,加強理解父子元件之間的通訊過程。效果 簡易計算器 counter.html lang en charset utf 8 元件通訊之簡易計算器小案例title rel stylesheet href counter.css head info 結果為 h1 cbtn...

簡易計算器

include include include char xpr expression int level char ch double calc int lim return ret int main cal的遞迴使用,利用了當 運算子運算完畢以後,仍然會留在這個位置 比如式子 3 5 2 的分析...

簡易計算器

cpp copyright c 2012,煙台大學計算機學院 all rights reserved.檔名稱 text.cpp 作 者 胡穎 完成日期 2013 年 6 月 28 日 版 本 號 v1.0 輸入描述 輸入操作指令及計算的數字 符號 問題描述 製作簡易計算器 程式輸出 輸出操作頁面及計...