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. Hibernate 介绍及其 环境搭建

    介绍 数据持久化概念 数据持久化是将内存中的数据模型转换为存储模型,以及将存储模型转换为内存中的数据模型的统称.例如:文件的存储.数据的读取等都是数据持久化操作.数据模型可以是任何数据结构或对象模型, ...

  2. [css 揭秘]：CSS编码技巧

    CSS编码技巧 我的github地址:https://github.com/FannieGirl/ifannie 喜欢的给我一个星吧 尽量减少代码重复 尽量减少改动时需要编辑的地方 当某些值相互依赖时 ...

  3. Matlab绘图基础——colormap的使用

    **使用系统内置的colormap** ``` syms x y ezmesh(x*exp(-x^2-y^2),[-2.5,2.5],40) colormap(hot) ``` 自定义colormap ...

  4. poj3358 Period of an Infinite Binary Expansion

    Period of an Infinite Binary Expansion 题目大意:给你一个分数,求这个分数二进制表示下从第几位开始循环,并求出最小循环节长度. 注释:int范围内. 想法:这题说 ...

  5. Ubuntu16.0.4下搭建pycharm 2018.3.22

    一.首先安装Java jdk Java JDK有两个版本,一个开源版本Openjdk,还有一个Oracle官方版本jdk.下面记录在Ubuntu 16.04上安装Java JDK的步骤. 安装open ...

  6. 使用 win10 的正确姿势 (第二版）

    文章为本人原创,转载请注明出处,谢谢. 17年9月初,写了第一篇<使用 win10 的正确姿势>,而现在半年多过去,文章更新了一些,主要是桌面的变化. 一. 重新定义桌面 我的桌面: 将桌 ...

  7. [BZOJ 4417][Shoi2013]超级跳马

    4417: [Shoi2013]超级跳马 Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 379  Solved: 230[Submit][Status ...

  8. （译文）开始学习Vue.js特性--Scoped Slots

    什么是scoped slots A scoped slot is a special type of slot that functions as a reusable template (that ...

  9. 【Nginx系列】Nginx编译与安装

    Nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器.Nginx是由Igor Sysoev为俄罗斯访问第二的Rambler.ru站点开发的. 一.Nginx ...

  10. Build to win--来自小黄衫

    写在前面 首先非常荣幸.非常侥幸能以微弱的优势得到这次小黄衫,感谢各位老师同学的帮助,也谢谢来自<构建之法>团队的小黄衫赞助! 这次能够获得小黄衫,就像汪老师上课说的那样,其实,是一个积累 ...