JAVASCRIPT做计算器
JavaScript计算器源代码:
HTML部分:
0
Js功能实现部分:
var result=0;//存储计算器结果的变量
var isBegin=true;//表明显示的是结果(true)还是运算中的变量
var resultPanel=document.getElementById("result");
function setValue(val)
{
if(val=="=")
{
eval("result="+resultPanel.innerHTML);
resultPanel.innerHTML=result;
isBegin=true;
}else{
if(!isBegin){
resultPanel.innerHTML+=val;
}else{
resultPanel.innerHTML=val;
isBegin=false;
}
}
}
计算器function Caculate(){var a=parseInt(document.f1.t1.value);var b=parseInt(document.f1.t2.value);var s;for(var i=0;i请输入第一个操作数:请输入第一个操作数:请选择操作+ - * / 结果是:
如果页面乱码,请更改浏览器编码为utf-8!
而this.form就是指这个input的父级元素form了
函数compute(this.form)把网页中的这个form给做为一个obj对象参数传递给了compute来执行下面
obj.expr.value =eval (obj.expr.value)
这儿的obj其实就是那个form标签,而expr是一个id
这儿是一个赋值语句,就是把obj.expr.value的值重新计算并回赋给它自己
虽然那个form中有多个input,但这些都是在form里面的,就是它的子元素,所以把compute(this.form)放在谁那儿都是可以的。
还有3个input的click事件,激活了enter(obj, string) 的函数,这儿的obj还是一个对象,string是字符串
这个函数执行obj.expr.value += string
在JS中+=就相当于把自身再加等号右边的字符,如:a+=1与a=a+1相同
这样就把计算后的数据又赋值给了obj.expr.value
由此达到计算器的目的
head>
<title>计算器</title>
<script type="text/javascript">
function enter(obj, string) //这是相当于计算机屏幕 他接受两个参数 第一个就是一个对象第二个是一个字符串
{obj.expr.value += string} //这个屏幕上的值+上字符串function compute(obj)
{obj.expr.value =eval (obj.expr.value)} //这段是将字符串变成数字 如将字符"1" 变成数字1,eval有这个功能
var one = '1' //这里预先声明one代表1
var two= '2'
var plus= '+'
</script>
</head>
<body>
<form>
<input type="text" name="expr" size=30 action="compute(this.form)"> <tr> //这个表单一旦提交就执行 compute函数,参数就是这个表单本身,那个表单提交给函数是什么意思呢?就是可以读取屏幕上面的值了!
<input type="button" value=" 1 " onClick="enter(this.form, one)">//一旦按1就触发enter函数,参数是这个表单和"1"那它的意思是什么呢?就是将1加到计算器屏幕上准备着等待提交的时候调用compute
<input type="button" value=" 2 " onClick="enter(this.form, two)">
<input type="button" value=" + " onClick="enter(this.form, plus)">
<input type="button" value=" = " onClick="compute(this.form)">
</form>
</body>
</html>
这个我做了 。。
this.form 是指当前这个Dom属于哪个form的 也就是 <form>...</form>这里
按1也就是调用enter这个方法 传了两个参数 form 以上面及定义的变量 “one” - var one = '1'
function enter(obj, string)
{obj.expr.value += string}
在这个方法难看出
先在form里面找到下面一级的expr这个DOM 也就是文本框name="expr"
接着是在原来的基础后面添加one这个变量 也就是 "1"
在点的话 同样的原理;
1,2,+都是这样的原理
在点击=号得时候 调用方法
function compute(obj)
{obj.expr.value =eval (obj.expr.value)}
在这里eval是js自带的一个函数 会把字符串当做js来执行
通过执行的结果最后赋值给文本框
整个原理就是这样 不懂可以在问
javascript什么意思
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。除了HTML和CSS,JavaScript是万维网的核心技术之一。JavaScript支持交互式web页面,是web应用程序的重要组成部分。绝大多数网站都使用它,主要的网络浏览器都有专门的JavaScript引擎来执行它。javascript的特点 1、脚本语言。
javascriptjavascript成熟的几个方面
JavaScript是一种成熟的编程语言,广泛用于前端和后端开发。以下是JavaScript成熟的几个方面:1. 广泛使用:JavaScript是Web开发中最常用的编程语言之一。几乎每个现代网页都使用JavaScript来实现交互和动态效果。2. 大量的工具和框架支持:JavaScript拥有丰富的工具和框架生态系统,使开发人员能够更高效地构建复杂...
javascript是什么意思
JavaScript的含义与应用JavaScript是一种专为网页设计的强大工具,它属于动态编程的范畴,其核心在于赋予网页实时的交互性和动态内容的更新能力。这种语言允许开发者在HTML结构中直接嵌入代码,或者通过外部文件引入,以实现诸如表单验证、内容加载和用户界面响应等功能。与HTML专注于页面结构,CSS聚焦于样式设计不...
什么是javascript
JavaScript是一种流行的脚本语言,它在1995年诞生,最初是为了补充服务器端语言在客户端处理交互任务。这种语言由Netscape公司的布兰登·艾奇(Brendan Eich)开发,最初命名为LiveScript,后来在发布前更名为JavaScript,以利用当时流行的Java品牌。JavaScript专为网页交互而设计,它由三个核心组成部分构成:ECMA...
javascript有哪些方面的知识?
JavaScript的成熟分类主要包括核心JavaScript、文档对象模型(DOM)、浏览器对象模型(BOM)以及JavaScript框架与库。核心JavaScript 核心JavaScript是JavaScript语言的基础,它定义了语言的语法、类型、运算符、函数、作用域等核心概念。这部分内容不涉及任何特定环境或宿主对象,是通用且纯粹的编程语言知识。例如,...
javascript什么意思
JavaScript简称js,是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。JavaScript同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的BrendanEich设计,是一种动态、弱类型、基于原型的语言,内置支持类。特点 1、...
javascript 是什么意思?
JavaScript是一种流行的编程语言,可以用于创建动态网页和网络应用程序。它是一种脚本语言,可以在客户端或服务器端执行。这使得它非常灵活,可以轻松适应各种开发需求。JavaScript由ECMAScript语言规范定义,而不是由单一的实现定义。因此,开发人员可以在不同的平台和环境中使用JavaScript。JavaScript最初是为了...
javascript指什么
JavaScript是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。JavaScript在1995年由Netscape公司的Brendan Eich,在...
浏览器禁用了javascript,怎么开启?
浏览器禁用了JavaScript,可以这样开启:一、1. 在浏览器菜单中找到“选项”或“设置”。2. 在设置菜单中找到“隐私”或“安全”选项。3. 找到JavaScript设置项,将其调整为允许或启用状态。二、不同浏览器的操作方式可能略有不同,但大致的思路是相似的。以下是对开启JavaScript的具体步骤的解释:1. ...
JavaScript是什么? Java是什么?
JavaScript和Java HD是两种在编程领域广泛应用的语言,它们的结合为我们带来了编程世界的高清奇迹。让我们一起来探索JavaScript和Java HD的特点、应用以及它们在编程领域中的价值所在。JavaScript作为一种脚本语言,广泛应用于Web开发领域。它能够为网页添加各种交互效果,使用户界面更加生动、丰富。JavaScript具有...
师凌嘉泰: 首先我们要做好一个计算器的界面,主要用到html与css的知识,下面是代码<table id="calculater" onClick="calculater()"><tr><td id="display" colspan="5">0</td></tr><tr><td class="numberkey" >1</td><td class="numberkey" >2</...
道县17073082032: 用javascript做一个简单的计算器??
师凌嘉泰: <html> <head> <title>js运算</title> <boby> <table> <tr> <td>第一个数</td> <td><input type="text" id="onesum"></td> </tr> <tr> <td>运算符号</td> <td><input type="text" id="fh"></td> </tr> <tr> <td>第二个数</td> <td><input type="text"...
道县17073082032: 如何用js做出计算器? - ?
师凌嘉泰: 需要html+js+css可以实现,具体参考http://www.jb51.net/article/29295.htm
道县17073082032: 怎样用javascript编写一个计算器?
师凌嘉泰: 3个input文本框 +-*/ 是点击事件 用doucment获取2个输入框的值 赋值给结果
道县17073082032: 用javascript制作一个简易的计算器,求代码 - ?
师凌嘉泰: javascript有相应的内置函数,取框中的值,带入按钮事件,然后调用javascript内置函数就可以啦~ javascript Math:数学函数方法:abs(x) 返回数字的相对值 acos(x) 返回数字的反余弦值 asin(x) 返回数字的反正弦值 atan(x) 返回位于-PI/2 和 PI/2 ...
道县17073082032: 如何使用javascript编写一个计算器 - ?
师凌嘉泰: 具体代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>计算器</title> <style> /*Basic reset*/ *{ margin:0; padding:0; box-sizing: border-box; font: 14px Arial,sans-serif; } html{ height:100%; background-color:...
道县17073082032: 求使用JavaScript编写如下简单的计算器谢谢! - ?
师凌嘉泰: <html><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br> <title> New Document </title><br> <script language="javascript"><br> var one = document.getElementById("t1").value;<br> var two = ...
道县17073082032: javascript怎么实现计算器?
师凌嘉泰: JavaScript计算器源代码: HTML部分: <div id="result" style="width:280px;height:30px;text-align:right;font-size:20px;font-weight:bold;padding-left:10px;">0</div> <div id="panel" style="width:280px;height:220px;padding:10px 0 ...
道县17073082032: 如何使用JS编写一个简单的计算器 - ?
师凌嘉泰: js部分 var num=0,result=0,numshow="0"; var operate=0; //判断输入状态的标志 var calcul=0; //判断计算状态的标志 var quit=0; //防止重复按键的标志 function command(num){ var str=String(document.calculator.numScreen.value); //获得
道县17073082032: 使用JS做个简单的计算器,效果入图 - ?
师凌嘉泰: <!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title>计算器</title><br> <script type="text/javascript" src = "tool.js"></script><br> <script type="text/javascript"><br> //计算器<br> var array = new Array;<br> ...