草稿一 草稿一

<html>

<head>

⋯⋯<script language="javascript">

/* 加法函数 */

function add(){

var num1, num2;

 

document.myform.txtNum1.value

num1=parseFloat(document.myform.txtNum1.value);

num2=parseFloat(document.myform.txtNum2.value);

document.myform.txtResult.value = num1 + num2;

}

/* 减法函数 */

function subtration(){

var num1,num2;

num1=parseFloat(document.myform.txtNum1.value);

num2=parseFloat(document.myform.txtNum2.value);

document.myform.txtResult.value=num1 - num2;

}

/* 乘法函数 */

function multiplication(){

var num1,num2;

num1=parseFloat(document.myform.txtNum1.value);

num2=parseFloat(document.myform.txtNum2.value);

document.myform.txtResult.value=num1 * num2;

}

/* 除法函数 */

function division(){

var num1, num2;

num1=parseFloat(document.myform.txtNum1.value);

num2=parseFloat(document.myform.txtNum2.value);

document.myform.txtResult.value=num1 / num2;

}

</script>

</head>

<body>

<form action="" method="post" name="myform" id="myform">
</script>
1.加法<br />
2.減法<br />
3.乘法<br />
4.除法<br />
<br />

計算機 <br />

第一個數 : <input name="txtNum1" type="text" id="txtNum1"

size="25"><br />

第二個數 :<input name="txtNum2" type="text" id="txtNum2"

size="25"><br />

<input name="addButton2" type="button" id="addButton2"

value=" ＋ " onclick="add()">

<!-- 减法按钮 -->

<input name="subButton2" type="button" id="subButton2"

value=" － " onclick="subtration()">

<!-- 乘法按钮 -->

<input name="mulButton2" type="button" id="mulButton2"

value=" × " onclick="multiplication()">

<!-- 除法按钮 -->

<input name="divButton2" type="button" id="divButton2"

value=" ÷ " onclick="division()">

<br />

計算結果 :<input name="txtResult" type="text"

id="txtResult" size="25">

 

</form>

</body>

</html>
草稿二 草稿二

<html>
<head>
<meta charset="big5"/>
<title>Ch6_4_4.htm</title>
</head>
<body>
<hr/>
<input type="number" name="aaa" value=><br>
<input type="number" name="bbb" value=><br>
<input type="number" name="ccc" value=><br>
<input type="button" value="算吧"onclick="showmessage()">

<script>
function showmessage()
var i = 0;
vat j = 0;

i = document.myform.aaa.value
j = document.myform.bbb.value
d = document.myform.ccc.value

var d=2
{
if (d==1)
document.write("加法運算:   "+ (i+j) +"<br/>");
}
{
if (d==2)
document.write("減法運算:   " + i-j + "<br/>");
}
{
if (d==3)
document.write("乘法運算:   " + i*j + "<br/>");
}
{
if (d==4)
document.write("除法運算:   " + i/j + "<br/>
}
</form>
</body>
</html>

 


 

完成結果 完成結果
Ch6_4_4.htm

計算機

1.加法

2.減法

3.乘法

4.除法

------------------------------------

第一個數：

 

第二個數：

 

功能選擇：

 

 
完成檔 完成檔

<html>
<head>
<meta charset="big5"/>
<title>Ch6_4_4.htm</title>
</head>
<body>
<h2>計算機</h2>
<hr/>
<script>
function showmessage()
{

var aaa=parseInt(document.myform.aaa.value);
var bbb=parseInt(document.myform.bbb.value);
var c=document.myform.ccc.value;

if (c==1)
{
document.write("加法: " + (aaa+bbb) + "<br/>");
}
if (c==2)
{
document.write("減法: " + (aaa-bbb) + "<br/>");
}
if (c==3)
{
document.write("乘法: " + aaa*bbb + "<br/>");
}
if (c==4)
{
document.write("除法: " + aaa/bbb + "<br/>");
}
}


</script>
<form name="myform">

<h2>1.加法</h2>
<h2>2.減法</h2>
<h2>3.乘法</h2>
<h2>4.除法</h2>
<h2>------------------------------------</h2>
第一個數：<input type="number" name="aaa" value=0></h2>
第二個數：<input type="number" name="bbb" value=0></h2>
功能選擇：<input type="number" name="ccc" value=0></h2>
<input type="button" value="運算"onclick="showmessage()"></h2>
</form>
</body>
</html>