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

　　第一种方案：采用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. Android Studio 如何打JAR包（修订版）

    AndroidStudio项目打包成jar 前言:在eclipse中我们知道如何将一个项目导出为jar包,现在普遍AndroidStuido开发,这里一步一步详加介绍AS项目打包成jar,jar和ar ...

  2. WPF 触摸到事件

    原文:WPF 触摸到事件 本文从代码底层告诉大家,在触摸屏幕之后是如何拿到触摸点并且转换为事件 在 WPF 界面框架核心就是交互和渲染,触摸是交互的一部分.在 WPF 是需要使用多个线程来做触摸和渲染 ...

  3. jquery即点击改

    $(document).on("click",".sp",function(){    var brand_id=$(this).attr("valu ...

  4. 深度神经网络（DNN）

    深度神经网络(DNN) 深度神经网络(Deep Neural Networks, 以下简称DNN)是深度学习的基础,而要理解DNN,首先我们要理解DNN模型,下面我们就对DNN的模型与前向传播算法做一 ...

  5. WPF--3Dmax+blend+WPF综合运用

    引自:http://blog.sina.com.cn/s/blog_95dbdf9e0100we3z.html 本人小菜,WPF刚入门,只是写一下最近的项目心得.欢迎各位前辈们前来拍砖指正,感激不敬! ...

  6. Delphi 禁用x64位系统文件重定向功能

    在X64系统里面,一些特殊的目录和特殊的注册表键被分为2个独立的部分.对于文件系统来说,      %systemroot%\system32 目录被保留给64位文件使用,而32位文件会被重定向到%s ...

  7. PHP数组教程

    定义数组 PHP数组array是一组有序的变量,其中每个变量被叫做一个元素. 一.定义数组 可以用 array() 语言结构来新建一个数组.它接受一定数量用逗号分隔的 key => value ...

  8. 编程军规 —— Java 篇

    提高代码的可读性,规避容易出现的错误. 0. 共性 对象或引用的非空性判断: 强制类型转换时: 函数返回时: 函数的输入参数: 任务执行的成功或失败判断: 文件打开:网络连接:数据库连接: 内存申请: ...

  9. 距离北京奥运还有359天,发布WPF版本的北京2008标志(上)

    原文:距离北京奥运还有359天,发布WPF版本的北京2008标志(上) 效果图: XAML代码:<Canvas Width="343.581055" Height=" ...

  10. python中对文件、文件夹的操作

    python中对文件.文件夹的操作需要涉及到os模块和shutil模块. 创建文件: 1) os.mknod("test.txt")       创建空文件 2) open(&qu ...