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. 设计模式 --> (7)外观模式

    外观模式 外观模式为子系统中的一组接口提供一个一致的界面, 外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用. 适用性 1.为一个复杂子系统提供一个简单接口. 2.提高子系统的独立性. ...

  2. input输入框限制输入正整数、小数、字母、文字

    有的时候需要限制input的输入格式: 例如,输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.va ...

  3. u3d材质Tiling和Offset意义以及TRANSFORM_TEX

    1. TRANSFORM_TEX主要作用是拿顶点的uv去和材质球的tiling和offset作运算, 确保材质球里的缩放和偏移设置是正确的 下面这两个函数是等价的.o.uv =   TRANSFORM ...

  4. 结合jenkins在Linux服务器搭建测试环境

    何时使用: 测试过程中我们需要持续构建一个软件项目,为避免重复的手动下载.解压操作,我们需要搭建一个能够自动构建的测试环境,当代码有更新时,测试人员只需点一下[构建]即可拉取最新的代码进行测试(也可设 ...

  5. 冲刺NO.12

    Alpha冲刺第十二天 站立式会议 项目进展 项目核心功能,如学生基本信息管理模块,学生信用信息模块,奖惩事务管理模块等等都已完成,测试工作大体结束. 问题困难 项目结束后对项目的阶段性总结缺乏一定的 ...

  6. C程序设计-----第0次作业

    C程序设计-----第0次作业- 1.翻阅邹欣老师的关于师生关系博客,并回答下列问题,每个问题的答案不少于500字:(50分)- 1)最理想的师生关系是健身教练和学员的关系,在这种师生关系中你期望获得 ...

  7. Python内置函数(39)——help

    英文文档: help([object]) Invoke the built-in help system. (This function is intended for interactive use ...

  8. python random 模块的用法

    Python中的random模块用于生成随机数.下面介绍一下random模块中最常用的几个函数. random.random random.random()用于生成一个0到1的随机符点数: 0 < ...

  9. JWT

    Web安全通讯之Token与JWT http://blog.csdn.net/wangcantian/article/details/74199762 javaweb多说本地身份说明(JWT)之小白技 ...

  10. Linux CentOS7.0 (01)在Vmvare Workstation上 安装配置

    一.新建虚拟机 1.创建新的虚拟机 -> 默认典型 ->选择安装介质 2.指定虚拟机名称.安装目录.磁盘容量大小 点击 "完成",创建虚拟机! 随后虚拟机将自动启动安装 ...