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. 【Python】 用户图形界面GUI wxpython III 更多组件

    wxpython - 更多组件 我写到的这些组件可能一来不是很详细,二来不是最全的,想要更好地用这些组件,应该还是去看看教程和别的示例.比较简单的,推荐http://download.csdn.net ...

  2. elementUI-事件绑定Bug

    刚开始使用elementUI的,慢慢的摸索.今天在绑定click事件的时候,在给el-某标签绑定.然后事件失效了.我就很纳闷,这怎么可能失效呢,当我给它的自己元素嵌套了一层div的时候,仍可是使用所以 ...

  3. Jquery判断checkbox是否被选中

    jQuery中: $("input[type='checkbox']").is(':checked') 返回true或false 1.attr()方法  设置或者返回备选元素的值 ...

  4. JavaScript(第五天)【流程控制语句】

    ECMA-262规定了一组流程控制语句.语句定义了ECMAScript中的主要语法,语句通常由一个或者多个关键字来完成给定的任务.诸如:判断.循环.退出等.   一．语句的定义   在ECMAScri ...

  5. 软件工程网络15团队作业1——团队组队&展示

    Deadline: 2018-3-25 10:00PM,以提交至班级博客时间为准. 申请开通团队博客,并将团队博客地址发表在本次随笔的评论中 团队展示 根据5-6人的组队要求,每个队伍创建团队博客并发 ...

  6. Alpha第十天

    Alpha第十天 听说 031502543 周龙荣(队长) 031502615 李家鹏 031502632 伍晨薇 031502637 张柽 031502639 郑秦 1.前言 任务分配是VV.ZQ. ...

  7. Linux下进程间通信--共享内存：最快的进程间通信方式

    共享内存: 一.概念: 共享内存可以说是最有用的进程间通信方式,也是最快的IPC形式.两个不同进程A.B共享内存的意思是,同一块物理内存被映射到进程A.B各自的进程地址空间. 进程A可以即时看到进程B ...

  8. android数据库持久化框架, ormlite框架,

    前言 Android中内置了SQLite,但是对于数据库操作这块,非常的麻烦.其实可以试用第3方的数据库持久化框架对之进行结构上调整, 摆脱了访问数据库操作的细节,不用再去写复杂的SQL语句.虽然这样 ...

  9. NetFPGA Demo ——reference_router_nf1_cml

    NetFPGA Demo --reference_router_nf1_cml 前言 本博文主要介绍了reference_router_nf1_cml该demo的一路运行,以及一路上艰难跑通遇到的坑. ...

  10. 浅谈数据结构vector

    vector: 又名 向量 1.C++中的一种数据结构. 2.是一个类. 3.相当于一个动态的数组,当程序员无法知道自己需要的数组的规模多大时,用其来解决问题可以达到最大节约空间的目的. A.使用时, ...