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

　　第一种方案：采用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. 配置cordova的android开发环境（无android studio）

    原文:配置cordova的android开发环境(无android studio) 趁元旦放假想试一下cordova,不想安装庞大的android studio,所以想最小化安装,居然花了一整天的时间 ...

  2. maven 依赖(依赖范围,聚合,继承等)

    目录: 1.什么是依赖? 2.依赖的管理:依赖的范围与传递,依赖的排除,依赖的原则(maven对依赖冲突的处理原则) 3.依赖的版本管理 4.继承与聚合 1.什么是依赖? 简单的讲,当jar包A需要j ...

  3. 调制：调幅（AM）与调频（FM）

    AM:amplitude modulation,幅度调制: FM:Frequency Modulation,频率调制: 1. 为什么要调制 MW:Medium Wave,中波,SW:Short Wav ...

  4. 深度学习实践指南（六）—— ReLU（前向和后向过程）

    def relu_forward(x): out = x * (x > 0) # * 对于 np.ndarray 而言表示 handmard 积,x > 0 得到的 0和1 构成的矩阵 r ...

  5. [Example of Sklearn] - SVM usge

    reference : http://www.csdn.net/article/2012-12-28/2813275-Support-Vector-Machine SVM是什么? SVM是一种训练机器 ...

  6. STL序列容器之vector

    一,vector容器简介 1.vector容器的原理 vector是将元素置于一个动态数组中加以管理的容器. 2.vector容器的特点 vector容器可以随机存取元素,支持索引存取(即用数组下标的 ...

  7. Method of Seamless Integration and Independent Evolution of Information-Centric Networking via Software Defined Networking

    A method of transferring data between a software defined network (SDN) and an information-centric ne ...

  8. latex 常用环境（environment）

    align \begin{align} \overline{A \cup B} &= \overline{A} \cap \overline{B}, \\ \overline{A \cap B ...

  9. 简明Python3教程 4.安装

    如果你已经安装了Python 2.x,你不需要在安装Python 3.0前卸载Python 2.x.这两者可以共存. GNU/Linux用户和BSD用户 如果你使用类似于Ubuntu.Fedora.O ...

  10. 中英文对照 —— 手机 App/PC 端软件（系统）、互联网

    0. 经典 & 缩略词 SMS:short message service,短信息服务, SMS code,短信验证码: swipe:vt. 猛击:偷窃:刷-卡 Swipe up/down/r ...