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

  1. <div class="one" onClick="method()">
  2.  
  3. function method(){
  4. 	var a = prompt("输入一个数");
  5. 	if(a%3 ==0 && a%5==0){
  6. 		alert(true);
  7. 	}else{
  8. 	alert(false);
  9. }
  10. }

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

  1. <div class="one" onClick="x()">点击</div>
  2.  
  3. function x(){
  4. 	var x = prompt("请输入");
  5. 	if(x<1){
  6. 	   alert(x)
  7. 	   }else if(x>10){
  8. 		   alert(3*x-11);
  9. 	   }else{
  10. 		   alert(2*x-1);
  11. 	   }
  12. }

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

  1. <div class="one" onClick="gz()">点击</div>
  2.  
  3. function getmoney(){
  4. 		var x =parseInt(prompt("请输入工龄"));
  5. 		var y =parseInt(prompt("请输入工资"));
  6. 		if (x <2){
  7. 			alert("增加后的工资："+(y*1.1));
  8. 		}else if (x >=5){
  9. 			alert("增加后的工资："+(y*1.2));
  10. 		}else{
  11. 			alert("增加后的工资："+(y*1.15));
  12. 		}
  13. 	}

　

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

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

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

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

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>简易计算器</title>
  6.         <style type="text/css">
  7.             *{
  8.                 margin: 0 auto;
  9.                 padding: 0;
  10.             }
  11.             #bigk{
  12.                 width: 320px;
  13.                 height: 450px;
  14.                 background-color: gainsboro;
  15.                 border-radius: 8px;
  16.                 box-shadow: 5px 5px 5px darkgray;
  17.                 margin-top: 30px;
  18.                 border: 1px solid black;
  19.                 overflow: hidden;
  20.             }
  21.             #sck{
  22.                 width: 312px;
  23.                 height: 30px;
  24.                 border: 1px solid black;
  25.                 margin-top: 10px;
  26.                 background-color: gainsboro;
  27.                 border-radius: 4px;
  28.             }
  29.             .hengk{
  30.                 width: 312px;
  31.                 height:100px ;
  32.             }
  33.             .xiaok{
  34.                 float: left;
  35.                 width: 70px;
  36.                 height: 90px;
  37.                 border: 1px solid black;
  38.                 margin-top: 5px;
  39.                 margin-left: 5px;
  40.                 font-size: 24px;
  41.                 font-weight: bolder;
  42.                 text-align: center;
  43.                 line-height: 90px;
  44.                 border-radius: 4px;
  45.             }
  46.             .xiaok:hover{
  47.                 cursor: pointer;
  48.                 box-shadow: 3px 3px darkgray;
  49.             }
  50.         </style>
  51.     </head>
  52.     <body>
  53.         <div id="bigk">
  54.             <div id="sck">
  55.                 <input type="text" value="" style="width: 312px;height: 30px;border: none;background-color:gainsboro ;"/>
  56.             </div>
  57.             <div class="hengk">
  58.                 <div class="xiaok">7</div>
  59.                 <div class="xiaok">8</div>
  60.                 <div class="xiaok">9</div>
  61.                 <div class="xiaok">/</div>
  62.             </div>
  63.             <div class="hengk">
  64.                 <div class="xiaok">4</div>
  65.                 <div class="xiaok">5</div>
  66.                 <div class="xiaok">6</div>
  67.                 <div class="xiaok">*</div>
  68.             </div>
  69.             <div class="hengk">
  70.                 <div class="xiaok">1</div>
  71.                 <div class="xiaok">2</div>
  72.                 <div class="xiaok">3</div>
  73.                 <div class="xiaok">-</div>
  74.             </div>
  75.             <div class="hengk">
  76.                 <div class="xiaok">0</div>
  77.                 <div class="xiaok">.</div>
  78.                 <div class="xiaok">=</div>
  79.                 <div class="xiaok">+</div>
  80.             </div>
  81.         </div>
  82.     </body>
  83. </html>
  84.  
  85. <script type="text/javascript">
  86.     var num = document.getElementsByClassName("xiaok");
  87.     var a = 0;
  88.     var b = 0;
  89.     var c = 0;
  90.     var biao = 0
  91.     for(var i = 0 ;i<num.length;i++){
  92.         num[i].onclick=function(){
  93.             biao++;
  94.             document.getElementsByTagName("input")[0].value+=this.innerHTML;
  95.             if(biao ==1){
  96.                 a =Number(this.innerHTML) ;
  97.             }else if(biao==2){
  98.                 b= this.innerHTML;
  99.             }else if(biao==3){
  100.                 c = Number(this.innerHTML);
  101.             }
  102.             if(this.innerHTML=="="){
  103.             switch (b) {
  104.                 case"+":document.getElementsByTagName("input")[0].value=a+c;break;
  105.                 case"-":document.getElementsByTagName("input")[0].value=a-c;break;
  106.                 case"*":document.getElementsByTagName("input")[0].value=a*c;break;
  107.                 case"/":document.getElementsByTagName("input")[0].value=a/c;break;
  108.  
  109.         }
  110.             }
  111.          }
  112.     }
  113.  
  114. </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. 源码实现 --> strdel

    删除字符串中某个字符strdel 函数 char *strDel(char* str,const char chToDel) 不是库里面的函数,自己实现的原型,删除str中所有的chToDel字符. ...

  2. Algorithm --> KMP算法

    KMP算法 一.传统字符串匹配算法 /* * 从s中第sIndex位置开始匹配p * 若匹配成功,返回s中模式串p的起始index * 若匹配失败,返回-1 */ ) { ; || p.length( ...

  3. 使用redis的比较完美的加锁解锁

    使用redis的比较完美的加锁解锁 tags:redis read&write redis加锁和解锁 php 习惯性说一下写这篇文章要说明什么,我们经常用redis进行加锁操作,目的是为了解决 ...

  4. Leetcode 15——3Sum

    Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all un ...

  5. 2017-2018-1 Java演绎法 小组会议及交互汇总

    第一周会议 今天我们小组开展了第一次团队例会活动.我们小组将<构建之法>分为了六个部分并由六位成员先分别学习并向组长上传学习收获,这次的活动内容便是 交流前两周小组成员学习阅读<构建 ...

  6. HDFS之RPC机制

  7. MongoDB 副本集管理

    一.以单机模式启动成员节点 有时候出于维护的需要,需要以单机模式启动某个节点而不是一个副本集成员身份. 1).首先查询服务器命令行参数 db.serverCmdLineOpts() 2).关闭当前副本 ...

  8. 开发者的如何优雅的使用OSX

    Mac对于IT开发者来说是最好的开发工具,没有之一. 但是对于大部分人来说,第一个接触的PC操作系统都是Windows系统,此文将带大家优雅的快速学习和使用Mac的OSX系统. 1. 从键盘说起 Ma ...

  9. JAVA_SE基础——6.标识符&关键字

    学会写helloworld之后,  我们就开始来认识标识符&关键字 一.标识符 标识符是指可被用来为类.变量或方法等命名的字符序列,换言之,标识符就是用户自定义的名称来标识类.变量或方法等.更 ...

  10. 关于win10系统1709版本安装JDK出现变量配置正确但仍有“java不是内部或外部命令”的解决办法

    背景:联想拯救者R720笔记本,系统一键还原了,需要重新安装一部分软件,最基本的就是JDK,但今天在安装时遇到了问题,之前安装的1.8版本,没有仔细配置环境变量,这一次安装的是1.7版本的,仔仔细细配 ...