JS小测验

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小测验的更多相关文章

Java web 小测验
题目要求: 1登录账号:要求由6到12位字母.数字.下划线组成,只有字母可以开头:(1分) 2登录密码:要求显示“• ”或“*”表示输入位数,密码要求八位以上字母.数字组成.(1分) 3性别:要求用单 ...
js小功能整理
/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...
[转载]Js小技巧||给input type=“password”的输入框赋默认值
http://www.cnblogs.com/Raywang80s/archive/2012/12/06/2804459.html [转载]Js小技巧||给input type="passw ...
一些js小题（一）
一些js小题,掌握这些对于一些常见的面试.笔试题应该很有帮助: var a=10; function aa(){ alert(a); } function bb(){ aa(); } bb();//1 ...
来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧
博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧.
第24篇 js小知识和“坑”
前面说了说了js的相关知识,基本上除了语法外,把项目常用的知识做了一个梳理,现在说下js的其它方面的知识,这些知识不成体系,属于不理解对于一般开发没什么太多影响,但如果理解清楚,可以更好去开发. js ...
React.js 小书介绍
React.js 小书 Github 关于作者这是一本关于 React.js 的小书. 因为工作中一直在使用 React.js,也一直以来想总结一下自己关于 React.js 的一些知识.经验.于是 ...
一个js小游戏----总结
花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用web ...
React.js小书总结
(迁移自旧博客2017 08 27) 第一阶段 react的组件相当于MVC里面的View. react.js 将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合.嵌套,就成 ...

随机推荐

[luogu2831][noip d2t3]愤怒的小鸟_状压dp
愤怒的小鸟 noip-d2t3 luogu-2831 题目大意:给你n个点,问最少需要多少条经过原点的抛物线将其覆盖. 注释:1<=点数<=18,1<=数据组数<=30.且规定 ...
Repeating Decimals UVA - 202
The / repeats indefinitely with no intervening digits. In fact, the decimal expansion of every ratio ...
数据库中插入数据时发生ora-00984错误
操作Oracle数据库,插入数据时显示:ORA-00984列在此处不允许错误,如下图所示: 出现的原因是由于,在插入字符或字符串型字段时.如果插入的数据是纯数字,则不会有错误:如果出现字符,则会报OR ...
[BZOJ 4417][Shoi2013]超级跳马
4417: [Shoi2013]超级跳马 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 379 Solved: 230[Submit][Status ...
B-day5
1.昨天的困难,今天解决的进度,以及明天要做的事情昨天的困难:昨天虽然完成了风险数据的图表统计,但是界面风格仍然不太满意,还在抓紧调试中:还有登录页的背景图,在想应该如何设计, 什么样的风格才好. ...
201621123050 《Java程序设计》第6周学习总结
1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图或相关笔记,对面向对象思想进行一个总结. 1.2 可选:使用常规方法总结其他上课内容. L ...
【iOS】swift init构造器
这几天在使用 Swift 重写原来的一个运动社交应用 SportJoin. 为什么要重写呢? 首先因为实在找不到设计师给我作图; 其次, 我也闲不下来, 想找一些项目做, 所以只好将原来的代码重写了. ...
XCode Build Settings中几种Search Paths
Header search path:去查找头文件的路径,同在在你需要使用第三方库的时候,在这里设置你的头文件路径目录,如图 <code><span class="str& ...
从源码角度看LinkedList一些基本操作（jdk1.7）
介绍 LinkedList是一个双向链表,就像下图展示那样,每个节点有个指向上个元素和一个指向下个元素的指针. 接下来我会对我们经常使用的方法进行介绍,代码如下 @Test public void t ...
JAVA_SE基础——38.单例设计模式
本文继续介绍23种设计模式系列之单例模式. 我们在javaSE的基础学习中,会讲到:单例设计模式.模板设计模式.装饰者设计模式.观察者设计模式.工厂设计模式我以后随着水平的提高,我会专门开个分类写设 ...

JS小测验

JS小测验的更多相关文章

随机推荐

热门专题