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. javascript里的循环语句

    前序:我一直对于for跟for..in存在一种误解,我觉得for都能把事情都做了,为啥还要for...in...这玩意了,有啥用,所以今天就说说JavaScript里的循环语句. 循环 要计算1+2+ ...

  2. Android学习笔记1——开发环境配置

    一.JDK配置 Android是基于Java进行开发的,首先需要在电脑上配置JDK(Java Development Kit).在http://www.androiddevtools.cn/下载对应系 ...

  3. Java中==与equals()的区别

    声明转载来源:http://blog.csdn.net/striverli/article/details/52997927 ==号和equals()方法都是比较是否相等的方法,那它们有什么区别和联系 ...

  4. [luogu2831][noip d2t3]愤怒的小鸟_状压dp

    愤怒的小鸟 noip-d2t3 luogu-2831 题目大意:给你n个点,问最少需要多少条经过原点的抛物线将其覆盖. 注释:1<=点数<=18,1<=数据组数<=30.且规定 ...

  5. [bzoj1565][NOI2009]植物大战僵尸_网络流_拓扑排序

    植物大战僵尸 bzoj1565 题目大意:给你一张网格图,上面种着一些植物.你从网格的最右侧开始进攻.每个植物可以对僵尸提供能量或者消耗僵尸的能量.每个植物可以保护一个特定网格内的植物,如果一个植物被 ...

  6. 转)sqlite 数据类型

    一般数据采用的固定的静态数据类型,而SQLite采用的是动态数据类型,会根据存入值自动判断.SQLite具有以下五种数据类型: 1.NULL:空值. 2.INTEGER:带符号的整型,具体取决有存入数 ...

  7. [日常] 最近的一些破事w...

    更新博文一篇以示诈尸(大雾 (其实只是断了个网然后就彻底失踪了一波w...连题解都没法写了QAQ) $ \tiny{诈尸的实际情况是老姚提前走还把十一机房门锁了然而钥匙在联赛的时候就还了于是并不能进去 ...

  8. CSS服务器字体

    1,首先要下载ttf文件 推荐下载网站:  https://www.dafont.com/ 2,写css样式 3,服务器字体 font-family:自己随便取个名字就行 注意url里的ttf文件和f ...

  9. 网络1711-1712班 c 语言评分总表一览

    学号 姓名 作业地址 PTA实验作业5分 PTA排名2分 阅读代码2分 总结1分 代码规范扣分-2--0 总分 是否推荐博客 1 **莹 http://www.cnblogs.com/wwwwxy12 ...

  10. Beta冲刺集合

    1.Day1 http://www.cnblogs.com/bugLoser/p/8075868.html 2.Day2 http://www.cnblogs.com/bugLoser/p/80758 ...