1.编写一个方法method()，判断一个数能否同时被3和5整除

<div class="one" onClick="method()">

function method(){

	var a = prompt("输入一个数");

	if(a%3 ==0 && a%5==0){

		alert(true);

	}else{

	alert(false);

}

}

2.有一个函数x<1时，y=x；x>=1且x<10时，y=2x-1；x>10时，y=3x-11

<div class="one" onClick="x()">点击</div>

function x(){

	var x = prompt("请输入");

	if(x<1){

	   alert(x)

	   }else if(x>10){

		   alert(3*x-11);

	   }else{

		   alert(2*x-1);

	   }

}

3.编写一个程序，输入工资和工龄，计算增加后的工资。要求工龄满5，增加20%工资；若2—4，则增加15%；若小于2，则增加10%工资

<div class="one" onClick="gz()">点击</div>

function getmoney(){

		var x =parseInt(prompt("请输入工龄"));

		var y =parseInt(prompt("请输入工资"));

		if (x <2){

			alert("增加后的工资："+(y*1.1));

		}else if (x >=5){

			alert("增加后的工资："+(y*1.2));

		}else{

			alert("增加后的工资："+(y*1.15));

		}

	}

　

4、实现简单计算器，分别输入两个数和一个运算符号，计算结果。

计算过程使用一个带参数和带返回值得函数封装实现

注意：该计算器只能进行个位数的加减乘除

思路要点：（1）在读取按键的数字的时候，通过 :for循环下的 集合【i】.onclick=function(){  变量=this.innerHTML}来取得，必须要使用“this”来代替 “被取集合【i】”，否则无法取到值，应该是由于“集合【i】”被设置了onclick=function函数的原因。

                   （2）然后在取到按键数字的同时判断按键次数，创造变量接收第一次，第二次，第三次取到的字符。同时判断第二次取到的加减乘除号，分情况进行计算。

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

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

        <style type="text/css">

            *{

                margin: 0 auto;

                padding: 0;

            }

            #bigk{

                width: 320px;

                height: 450px;

                background-color: gainsboro;

                border-radius: 8px;

                box-shadow: 5px 5px 5px darkgray;

                margin-top: 30px;

                border: 1px solid black;

                overflow: hidden;

            }

            #sck{

                width: 312px;

                height: 30px;

                border: 1px solid black;

                margin-top: 10px;

                background-color: gainsboro;

                border-radius: 4px;

            }

            .hengk{

                width: 312px;

                height:100px ;

            }

            .xiaok{

                float: left;

                width: 70px;

                height: 90px;

                border: 1px solid black;

                margin-top: 5px;

                margin-left: 5px;

                font-size: 24px;

                font-weight: bolder;

                text-align: center;

                line-height: 90px;

                border-radius: 4px;

            }

            .xiaok:hover{

                cursor: pointer;

                box-shadow: 3px 3px darkgray;

            }

        </style>

    </head>

    <body>

        <div id="bigk">

            <div id="sck">

                <input type="text" value="" style="width: 312px;height: 30px;border: none;background-color:gainsboro ;"/>

            </div>

            <div class="hengk">

                <div class="xiaok">7</div>

                <div class="xiaok">8</div>

                <div class="xiaok">9</div>

                <div class="xiaok">/</div>

            </div>

            <div class="hengk">

                <div class="xiaok">4</div>

                <div class="xiaok">5</div>

                <div class="xiaok">6</div>

                <div class="xiaok">*</div>

            </div>

            <div class="hengk">

                <div class="xiaok">1</div>

                <div class="xiaok">2</div>

                <div class="xiaok">3</div>

                <div class="xiaok">-</div>

            </div>

            <div class="hengk">

                <div class="xiaok">0</div>

                <div class="xiaok">.</div>

                <div class="xiaok">=</div>

                <div class="xiaok">+</div>

            </div>

        </div>

    </body>

</html>

<script type="text/javascript">

    var num = document.getElementsByClassName("xiaok");

    var a = 0;

    var b = 0;

    var c = 0;

    var biao = 0

    for(var i = 0 ;i<num.length;i++){

        num[i].onclick=function(){

            biao++;

            document.getElementsByTagName("input")[0].value+=this.innerHTML;

            if(biao ==1){

                a =Number(this.innerHTML) ;

            }else if(biao==2){

                b= this.innerHTML;

            }else if(biao==3){

                c = Number(this.innerHTML);

            }

            if(this.innerHTML=="="){

            switch (b) {

                case"+":document.getElementsByTagName("input")[0].value=a+c;break;

                case"-":document.getElementsByTagName("input")[0].value=a-c;break;

                case"*":document.getElementsByTagName("input")[0].value=a*c;break;

                case"/":document.getElementsByTagName("input")[0].value=a/c;break;

        }

            }

         }

    }

</script>

　　

　

　　

JS小测验的更多相关文章

  1. Java web 小测验

    题目要求: 1登录账号:要求由6到12位字母.数字.下划线组成,只有字母可以开头:(1分) 2登录密码:要求显示“• ”或“*”表示输入位数,密码要求八位以上字母.数字组成.(1分) 3性别:要求用单 ...

  2. js小功能整理

    /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...

  3. [转载]Js小技巧||给input type=“password”的输入框赋默认值

    http://www.cnblogs.com/Raywang80s/archive/2012/12/06/2804459.html [转载]Js小技巧||给input type="passw ...

  4. 一些js小题（一）

    一些js小题,掌握这些对于一些常见的面试.笔试题应该很有帮助: var a=10; function aa(){ alert(a); } function bb(){ aa(); } bb();//1 ...

  5. 来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧.

  6. 第24篇 js小知识和“坑”

    前面说了说了js的相关知识,基本上除了语法外,把项目常用的知识做了一个梳理,现在说下js的其它方面的知识,这些知识不成体系,属于不理解对于一般开发没什么太多影响,但如果理解清楚,可以更好去开发. js ...

  7. React.js 小书介绍

    React.js 小书 Github 关于作者 这是一本关于 React.js 的小书. 因为工作中一直在使用 React.js,也一直以来想总结一下自己关于 React.js 的一些知识.经验.于是 ...

  8. 一个js小游戏----总结

    花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用web ...

  9. React.js小书总结

    (迁移自旧博客2017 08 27) 第一阶段 react的组件相当于MVC里面的View. react.js 将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合.嵌套,就成 ...

随机推荐

  1. 用C#开发的一个通用的地铁换乘查询工具

    日常生活中,上班下班坐地铁已经是常事,每当我想去某一个远一点的地方,如果有地铁首选就是地铁,因为方便嘛!每次坐地铁,我们都是凭肉眼去得出我们心中最佳的换乘方案,但是,如果对于线路较少的城市来说,这个方 ...

  2. 在用jQuery时遇到的小问题

    1. class类名问题? 在我在class ='看看(2)' ,凡是这样的居然给自身加其他style样式,居然添加不上,后来改成其他类名不带括号里的,居然好了. 2. line-height 引入的 ...

  3. PO BO VO DTO POJO DAO DO

    PO BO DTO VO 归在一起叫是POJO,简单java对象:DAO 是进行数据库增删改查的类,DO不确定有没有. 重点说下POJO PO 持久对象,数据: BO 业务对象,封装对象.复杂对象 , ...

  4. HttpServletRequest对象方法的用法

    1. 获得客户机信息    getRequestURL方法返回客户端发出请求时的完整URL.    getRequestURI方法返回请求行中的资源名部分.    getQueryString 方法返 ...

  5. APP专业的开发公司都有这样一套开发流程，强烈建议收藏！

    下面让我们来剖析到底是如何开发App的呢? 1.App界面设计开发: 通过客户提出需求,需要头脑风暴得出合适的方案和设计理念; 确认页面风格,确定整个界面的布局.关键截面的设计.文字.及其他的设计 G ...

  6. （译文）掌握JavaScript基础--理解this关键字的新思路

    普通函数 下面这种就是普通函数 function add(x, y) { return x + y; } 每个普通函数被调用的时候,都相当于有一个this参数传进来. 内部函数this不会是外部函数传 ...

  7. 【Spring系列】自己手写一个 SpringMVC 框架

    参考文章 一.了解SpringMVC运行流程及九大组件 1.SpringMVC的运行流程 1)用户发送请求至前端控制器DispatcherServlet 2)DispatcherServlet收到请求 ...

  8. Beta阶段报告

    Beta版测试报告 1. 在测试过程中总共发现了多少Bug?每个类别的Bug分别为多少个? BUG名 修复的BUG 不能重现的BUG 非BUG 没能力修复的BUG 下个版本修复 url乱码 √ 手机端 ...

  9. 小黄衫 Get

    小黄衫 Get .   十分荣幸在前四次作业中以微弱的3分之差拿到了第一,获得了本次的小黄衫. 先发点牢骚.. 讲道理,原本以为的研究生生涯应该就是埋在论文堆里度过的时候顺便上上课.当初选课的时候,学 ...

  10. 命令行窗口中用telnet测试HTTP协议

    1. 命令行窗口中用telnet测试HTTP协议 HTTP消息是由普通ASCII文本组成.消息包括消息头和数据体部分.消息头以行为单位,每行以CRLF(回车和换行)结束,消息头结束后,额外增加一个CR ...