JS中 计算器的简单制作

今天学习的是JS中的if语句,除此之外老师还教给我们switch语句的用法, 我们用来写了简单计算器的算法,如下:

<script>
var a=prompt("请输入一个数字")
var a=parseInt(a)
if(!isNaN(a))
{
    var b=prompt("请输入一个数字")
    var b=parseInt(b)
 if(!isNaN(b))
 {
    var c=prompt("请输入加减乘除运算中的一种")
    switch(c)
    {
        case"+": //相当于if(){} 和else if(){}
        d=a+b;
        break;
        case"-":
        d=a-b;
        break;
        case"*":
        d=a*b;
        break;
        case"/":
        d=a/b;
        break;
        default:               //相当于if语句中的else
        alert("无法运算")
    }
 }
 else
 {
     alert("您输入的不是一个数字")
 }
}
else
{
    alert("您输入的不是一个数字")
}

document.write(d)
时间: 2024-10-11 16:50:41

JS中 计算器的简单制作的相关文章

js 中对象的简单创建和继承

对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var arr = new Array(); 3.使用 Object.create() 这个方法有两个参数,第一个参数是这个对象的原型,第二个参数用以对对象的属性进行进一步描述(可选) var obj = Object.create({x:1}); var obj1 = Object.create(null)

A.JS中对象的简单介绍

JS中的对象实际上是一个包含属性和方法的一个特殊的数据集合.调用的时候用(.)来进行调用.object.property;object.method.为了加深理解,我们设置一个person对象,他有age,sex属性:有sleep(),eat()方法.那么当我们要使用person对象时,首先,需要实例化一个对象,利用new关键字,比如: var bob = new person; 上面的语句就是实例化了一个person对象,bob.他有person对象的所有属性和方法.可以利用(.)来进行对属性

js中this理解 --简单明了

js中this用法大致分为四类: (1)纯粹的函数调用:最常用的用法,属于全局性调用,等价于window (2)作为对象方法的调用:this就指这个上级对象 (3)作为构造函数调用:即new生成一个新对象,this指这个新对象 (4)apply调用:apply是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象,this指这个函数的第一个参数 apply参数为空时,默认调用全局对象. 详细讲解参考: (http://www.ruanyifeng.co

js中的Promise简单总结(ES6)

例如: 使用回调函数的写法: 使用Promise对象之后的写法: Promise的作用:把回调函数写法分离出来,在异步操作执行完后,用链式调用的方法执行回调函数,对于多层回调来说,非常的方便. 再看如下例子: 此时控制台会输出 'aa'  这个结果 此时控制台还是只有 'aa'  这个结果 此时控制台就会有  'aa'  和  'bb'   这两个结果. 也就是说把回到函数写在 then里面,进行链式调用,分离开来.代码看起来更加清晰. 未完,待总结. 原文地址:http://blog.51ct

js中this最简单清晰的解释

引自  https://www.cnblogs.com/huangwentian/p/6854472.html#commentform ① this指向的,永远只可能是对象!       ② this指向谁,永远不取决于this写在哪!而是取决于函数在哪调用.       ③ this指向的对象,我们称之为函数的上下文context,也叫函数的调用者. 原文地址:https://www.cnblogs.com/Jiaojiawang/p/10624937.html

JS中自定义事件的使用与触发

1. 事件的创建 JS中,最简单的创建事件方法,是使用Event构造器: var myEvent = new Event('event_name'); 但是为了能够传递数据,就需要使用 CustomEvent 构造器: var myEvent = new CustomEvent('event_name', { detail:{ // 将需要传递的数据写在detail中,以便在EventListener中获取 // 数据将会在event.detail中得到 }, }); 2. 事件的监听 JS的E

js网站轮播图怎么做如何做?鸡哥教你简单制作效果炫酷

日了狗啦,刚刚鸡哥辛苦码了那么多字全丢了又要重新写,这是第二遍写了...今天鸡哥给小白写个不需要写js原生代码,只需要几个插件和一段通俗易懂得jquery代码就能搞定的轮播图,当然js原生代码写着也不算很繁琐,但是有些浪费时间,更何况很多人并不会用js直接写包括鸡哥,当年在学校还是研究过一段时间js的,当时还独自写了一个轮播图俘获了多少同班妹子的芳心,不过现在是基本废了,这东西要常写,不然忘的很快. 唉,本来还有妹子等着鸡哥呢,我这一大意文章丢了,重新写的话估计来不及了,先打个电话让妹子回家吧~

JS中简单的this学习

我在学习JS初期,在使用this的时候经常出现问题,当然就是在现在,也有一些场景不能很好的明白this到底指代的是什么?看下面一个例子: ? 1 2 3 4 5 6 7 8 9 10 var x = 10;    var foo = {        x: 20,        bar: function() {            alert(this.x);        }    }    var bar = foo.bar;    foo.bar();    //20    bar()

简单谈谈js中的MVC

MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(数据).视图.控制器(分发器). 本文将用一个经典的例子todoList来展开(代码在最后). 一个事件发生的过程(通信单向流动): 1.用户在视图 V 上与应用程序交互 2.控制器 C 触发相应的事件,要求模型 M 改变状态(读写数据) 3.模型 M 将数据发送到视图 V ,更新数据,展现给用户 在js的传统开发模式中,大多基于事件驱动的: 1.hash驱动 2.DOM事件,用来驱动视图 3.模型事件(业务模型事件和数据模型事