如何寫出一個簡易加法計算器
我的思路是四個文本框，一個計算按鈕，x,y,z分別對應(yīng)三個文本框，完成計算后的答案顯示在第四個文本框。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>簡易計算器</title>
<script type="text/JavaScript">
?? function add3()??????????????????
?{?? var x=document.getElementById("numX").value;//得到第一個x的數(shù)字
??????? var y=document.getElementById("numY").value;//得到第二個y的數(shù)字
??????? var z=document.getElementById("numZ").value;//得到第三個z的數(shù)字
???? sum = x + y +z;//完成計算，得到sum
??document.getElementById("numSum").value=sum;//將sum的值給到第四個文本框
?}?
</script>
</head>
<body>
<input type="text" value="3" id="numX"/></br>
<input type="text" value="4" id="numY"/></br>
<input type="text" value="5" id="numeZ"/></br>
<input type="text" value="answer" id="numSum"/></br>
<input type="button" value="add3" onClick="add3()"/>
</body>
</html>
2016-04-19
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>簡易計算器</title>
<script type="text/JavaScript">
? ?function add3() ? ? ? ? ? ? ? ? ?
?{ ? var x=document.getElementById("numX").value;//得到第一個x的數(shù)字
? ? ? ? var y=document.getElementById("numY").value;//得到第二個y的數(shù)字
? ? ? ? var z=document.getElementById("numZ").value;//得到第三個z的數(shù)字
? ? ?var sum = ?parseInt(x)+ parseInt(y)+ parseInt(z);//完成計算，得到sum
? document.getElementById("numSum").value=sum;//將sum的值給到第四個文本框
?} ?
</script>
</head>
<body>
<input type="text" value="3" id="numX"/></br>
<input type="text" value="4" id="numY"/></br>
<input type="text" value="5" id="numZ"/></br>
<input type="text" value="answer" id="numSum"/></br>
<input type="button" value="add3" onClick="add3()"/>
</body>
</html>
2016-09-25
再給一種思路，改動“xiao”（也你一定最小)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>簡易計算器</title>
<script type="text/JavaScript">
? ?function add3() ? ? ? ? ? ? ? ? ?
?{ ? var x=document.getElementById("numX").value;//得到第一個x的數(shù)字
? ? ? ? var y=document.getElementById("numY").value;//得到第二個y的數(shù)字
? ? ? ? var z=document.getElementById("numZ").value;//得到第三個z的數(shù)字
? ? ?sum = (x-0) + (y-0) +(z-0);//完成計算，得到sum
? document.getElementById("numSum").value=sum;//將sum的值給到第四個文本框
?} ?
</script>
</head>
<body>
<input type="text" value="3" id="numX"/></br>
<input type="text" value="4" id="numY"/></br>
<input type="text" value="5" id="numZ"/></br>
<input type="text" value="answer" id="numSum"/></br>
<input type="button" value="add3" onClick="add3()"/>
</body>
</html>
2016-07-07
...你們真的是剛學(xué)到這 寫出來的代碼嗎。。。為何我看不懂。。。。
2016-04-19
計算器加減乘除的簡易運算~
?<script type="text/javascript">
? ?function count(){
? ? var res=0;
? ? //獲取第一個輸入框的值
? ? var firnum = parseInt(document.getElementById("txt1").value); ??
? ? //獲取第二個輸入框的值
? ? var secnum = parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
? ? var sel = document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? switch(sel)
? ? ? ? {
? ? ? ? case '+':
? ? ? ? ? ? res = firnum + secnum;
? ? ? ? ? ? break;
? ? ? ? case '-':
? ? ? ? ? ? res = firnum - secnum;
? ? ? ? ? ? break;
? ? ? ? case '*':
? ? ? ? ? ? res = firnum * secnum;
? ? ? ? ? ? break;
? ? ? ? case '/':
? ? ? ? ? ? res = firnum / secnum;
? ? ? ? ? ? break;
? ? ? ? } ? ?
? ? //設(shè)置結(jié)果輸入框的值?
? ? document.getElementById("fruit").value = res;
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='txt1' />?
? ?<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
? ?</select>
? ?<input type='text' id='txt2' />?
? ?<input type='button' value=' = ' onClick = "count()" /> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>