製作網頁版簡易計算器(Calculator)

2021-08-06 03:09:05 字數 1694 閱讀 6371

網頁版計算器的製作比想象中要來的容易,介面上只需固定計算器面板的寬高和按鈕的寬高即可。

如果點了ac,就把字串content清空,也把輸出框清空。

如果點了ce,把字串content清掉最後乙個字元,並把輸出框的值設定為content的值。

如果點了=,就將計算結果顯示在輸出框,並將content清空。

敲黑板!!如何計算呢?

使用eval()函式,這個函式能夠執行其中的js語句,如果可執行就執行並返回執行結果,如果不能執行就直接原語句返回。詳細可以w3school,傳送門

下面也放上源**,供直接複製,**還是蠻簡單的。

html

calculatortitle>

charset="utf-8">

rel='stylesheet prefetch'

href=''>

rel="stylesheet"

type="text/css"

href="css/style.css">

head>

class="main">

yinyoucalculatorh1>

type="text"

name="number"

readonly

class="showans">

class="buttons">

value="ac">acbutton>

value="ce">cebutton>

value="%">%button>

value="/">/button>

value="7">7button>

value="8">8button>

value="9">9button>

value="*">*button>

value="4">4button>

value="5">5button>

value="6">6button>

value="-">-button>

value="1">1button>

value="2">2button>

value="3">3button>

value="+">+button>

value=".">.button>

value="0">0button>

value="ans">ansbutton>

value="=">=button>

div>

div>

src=''>

script>

src="js/cal.js">

script>

body>

html>

css

*

html,body

.main h1

.showans

.buttons

button

js

var ans = 0;

$(document).ready(function

() else

if(text === 'ac')else

if(text ==='ce')else

if(text === '=')

});});

「吟遊」程式人生——yinyoupoet

簡易計算器製作

簡易的製作了一下計算器,基本功能都實現了,待後續完善 數字鍵按鈕 private void button8 click object sender,eventargs e 追加 如果下面文字框內容不為0並且上次沒有點選運算子 else 點選了數字按鈕 prev 1 運算子按鈕 private voi...

二 php製作簡易的計算器

步驟 1 寫出兩個文字框,中間用乙個下拉列表select作為計算按鈕 2 用 set 或 get 方式獲取兩個文字框的資料及按鈕資訊進行運算 3 在輸出結果的過程中,保證兩個文字框中進行計算的資料依然存在 4 新建乙個文字框用於儲存計算輸出的結果 5 在三個文字框中用value的值獲取得到的數值 6...

簡易計算器

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