• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

博客园    首页    新随笔    联系   管理    订阅  订阅

四则运算

      注:使用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.对于编程我只是学了皮毛,所以还不能判断正确错误的个数,

           

 

posted @ 2015-10-06 20:47  Llym  阅读(136)  评论(1)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3