简易计算器（效果如图所示）

　　第一种方案：采用Javascript+html完成计算器，支持+-*/，结果显示不允许使用input输入域（可以考虑使用《span》）

<html>

	<head>

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

		<script language="javascript">//易错：不是"text/javascript"

			function doCal(){

				//alert(document.getElementByName("value1").length);//易错：getElementByName,首字母大写，不是byName

				//alert(document.getElementByName("value1")[0].value);//易错：getElementByName，返回一个集合，应该用[0]表示需要获得第几个元素

				var value1=parseInt(document.getElementById("value1").value);//易错：易错：getElementById首字母大写，不是byId

				var flag=document.getElementById("flag").value;

				var value2=parseInt(document.getElementById("value2").value);//易错：getElementBy返回是String类型，应该通过parseInt转换为Int类型

				//alert(value1+","+flag+","+value2);//多打印东西出来，用于检验

				var s=0;

				switch(flag){

					case "+"://易错：语法，别忘记加冒号

						s=value1+value2;

						break;//易错：语法，别忘记加break；跳出选择

					case "-":

						s=value1-value2;

						break;

					case "*":

						s=value1*value2;

						break;

					case "/":

						s=value1/value2;

				}

				//使运算结果显示在浏览器中，注意=右侧为string类型

				document.getElementById("span_result").innerHTML="<font size='16' color='red'>"+s+"</font>"

			}

			//alert(document.getElementByName(value1).value);

		</script>

	</head>

	<body>

		<h1>简易计算器</h1>

		<hr>

		<input type="text" name="value1" id="value1">

		<select name="flag" id="flag">//注意select-option的用法

			<option value="+">+</option>

			<option value="-">-</option>

			<option value="*">*</option>

			<option value="/">/</option>

		</select>

		<input type="text" name="value2" id="value2">

		<!--

		<button type="button" onclick="doCal()">点击这里</button>

		-->

		<input type="button" value="=" onclick="doCal()">//button的onclick事件

		<!--

		<input type="text" name="result" id="result">

		-->

		<span id="span_result"></span>//通过span显示结果

	</body>

</html>

　　

[java代码库]-简易计算器（第一种）的更多相关文章

  1. [java代码库]-简易计算器（第二种）

    [java代码库]-简易计算器(第二种) 第二种方案:在程序中不使用if/switch……case等语句,完成计算器功能. <html> <head> <title> ...

  2. 200行Java代码搞定计算器程序

    发现了大学时候写的计算器小程序,还有个图形界面,能够图形化展示表达式语法树,哈哈;) 只有200行Java代码,不但能够计算加减乘除,还能够匹配小括号~ 代码点评: 从朴素的界面配色到简单易懂错误提示 ...

  3. 自己实现IOC容器，java代码实现简易版IOC容器，IOC容器实现的步骤分解

    一.需求 实现一个简易的IOC容器,管理Bean,从IOC容器的BeanFactory中获取实例,从而取代自己new实例的做法. 二.实现步骤分析 三.具体代码实现 自定义注解类 MyComponen ...

  4. JAVA课程设计--简易计算器（201521123022 黄俊麟）

    1.团队课程设计博客链接 http://www.cnblogs.com/I-love-java/p/7058752.html 2.个人负责模板或任务说明 1.初始化业务逻辑. 2.开方.正负.清零.退 ...

  5. java 实现一个简易计算器

    import java.util.Scanner;public class Test { public static void main(String[] args) { count(); } pub ...

  6. java 定时任务之一 @Scheduled注解(第一种方法)

    使用spring @Scheduled注解执行定时任务: 运行!!! 关于Cron表达式(转载) 表达式网站生成: http://cron.qqe2.com/  直接点击 作者:http://blog ...

  7. java代码行数计算器

        import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.util. ...

  8. 四种java代码静态检查工具

    [转载]常用 Java 静态代码分析工具的分析与比较 转载自 开源中国社区 http://www.oschina.net/question/129540_23043       1月16日厦门 OSC ...

  9. mini dc与简易计算器 20165235

    mini dc 任务内容 本次mini dc任务就是通过补充代码来实现整型数据的后缀表达式计算 相关知识 通过利用堆栈这一先进后出的数据结构来实现后缀表达式的计算.通过Stack<Integer ...

随机推荐

  1. TCP可靠的传输机制

    TCP提供一种面向连接的.可靠的字节流服务.面向连接意味着两个使用TCP的应用(一般是一个客户和一个server)在彼此交换数据包之前必须先建立一个TCP连接.这一过程与打电话非常相似.先拨号振铃,等 ...

  2. 哪个项目管理工具好用到哭？JIRA VS 华为软件开发云

    一.产品介绍 JIRA是Atlassian公司出品的项目与事务跟踪工具,被广泛应用于缺陷跟踪.客户服务.需求收集.流程审批.任务跟踪.项目跟踪和敏捷管理等工作领域. 华为软件开发云 (DevCloud ...

  3. C# powshell 调用

    原文:C# powshell 调用 本文告诉大家如何在 ps 脚本使用 C# 代码. 首先创建一个 C# 的控制台项目,注意修改输出为类库. 现在的 Powershell 还不支持 dotnet co ...

  4. error: expected declaration or statement at end of input----solved

    error: expected declaration or statement at end of input 解决方法: 1.程序缺少一个括号相应地 2.而不添加头文件 版权声明:本文博主原创文章 ...

  5. Xbin-Store(分布式商城)项目所用Linux服务系列 FastDFS安装(五)

    系列 Xbin-Store(分布式商城)项目所用Linux服务系列 MySQL安装(一) Xbin-Store(分布式商城)项目所用Linux服务系列 Redis集群安装(二) Xbin-Store( ...

  6. Gram 矩阵性质及应用

    v1,v2,-,vn 是内积空间的一组向量,Gram 矩阵定义为: Gij=⟨vi,vj⟩,显然其是对称矩阵. 其实对于一个XN⋅d(N 个样本,d 个属性)的样本矩阵而言,X⋅X′ 即为 Gram ...

  7. Retrieving data from a server

    A system includes a server and a controller embedded in a device. Both the server and the embedded c ...

  8. EditText 详细信息(监听事件时，输入改变、透明背景、提示改变文字颜色、密文输入)

    1.对EditText输入监视.给EditText 捆绑 addTextChangedListener 监控事件 能够. 2.EditText输入内容.密文显示: android:password=& ...

  9. uwp - 控件精确移动动画

    原文:uwp - 控件精确移动动画 先看效果图: 一共有8个GRID,黄色的负责移动,其他7个负责定位.新建一个页面page,替换默认代码: <UserControl.Resources> ...

  10. #747 –在WPF程序的触摸操作中使用惯性移动 (Implementing Inertia during Touch Manipulation)

    原文:#747 –在WPF程序的触摸操作中使用惯性移动 (Implementing Inertia during Touch Manipulation) 原文地址:https://wpf.2000th ...