首页 > 技术文章 > 四则运算

jithyblym 2015-10-06 20:47 原文

      注:使用JavaScript编写简单的0-10整数的四则运算

1.<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

  “http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">

2.<html xmlns="http://www.w3.org/1999/xhtml">

3.<head>

4.<meta http-equiv="Cotent-Type" content="text/html;charset=gb2312"/>

5.<title>简易计算器</title>

6.<script type="text/javascript">

7.function aa(b){

8.var a1=parseFloat(document.getElementById("txtNum1").value);

9.var b1=parseFloat(document.getElementById("txtNum2").value);

10.var c;

11.if(b=="+")

12.{c=a1+b1;}

13.document.getElementById("txtresult").value=c;

14.}

15.</script>

16.</head>

17.<body>

18.<form action="" method="post"   id="myform">

19.<table border="0">

20.<tr>

21.   <td colspan="3"><h1>简易计算器</h1></td>

22. </tr>

23.<tr>

24. <td>第一个数</td>

25.  <td colspan="3"><INPUT name="txtNum1"  type="text"  id=“txtNum1"  size="25"></td>

26.  </tr>

27. <tr>

28.  <td>第二个数</td>

29. <td colspan="3"><INPUT name="txtNum2" type="text"  id="txtNum2" size="25"></td>

30.</tr>

31.<tr>

32.   <td><INPUT name="addButton2"  type="button"  id="addButton2" value=" + " onclick="aa('+')"></td>

33.   <td><INPUT name="subButton2" type="butoon"  id="subButton2" value=" - " onclick="aa('-')"></td>

34.    <td><INPUT name="mulButton2" type="button" id="mulButton2" value=" * " onclick="aa('*')"></td>

35.    <td><INPUT name="divButton2" type="button" id="divButton2" value=" / " onclick="aa('/')"></td>

36.</tr>

37.<tr>

38.     <td>计算结果</td>

39.     <td colspan="3"><INPUT name="txtresult" type="text" id="txtresult" size="25"></td>

40.</tr>

41.</table>

42.</body>

43.</html>

   总结:1.我们平时只是照着书上的例子打代码,这对我来说太难了,所以只是凭着老师上课讲的印象做了这个简单的四则运算。

            2.主要是利用html里的表格标记,运算符

            3.对于编程我只是学了皮毛,所以还不能判断正确错误的个数,

           

 

推荐阅读