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 将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合.嵌套,就成 ...
随机推荐
- linux 的tee命令
tee 如果你在linux下希望将程序或命令运行的信息,在输入到文件的同时,也能够显示在屏幕上,你可以考虑使用tee这个命令.举个例子,直接上图 这里我调用函数aaa来完成将结果输入到aaa.log里 ...
- Dynamics 365 for CRM:CRM与ADFS安装到同一台服务器,需修改ADFS服务端口号
CRM与ADFS安装到同一台服务器时,出现PluginRegistrationTool 及 CRM Outlook Client连接不上,需要修改ADFS的服务端口号,由默认的808修改为809: P ...
- 关于css的text-indent首行缩进两个字符和图片缩进的问题
段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style typ ...
- Beta No.7
今天遇到的困难: 构造新适配器的时候出现了某些崩溃的问题 ListView监听器有部分的Bug 今天完成的任务: 陈甘霖:完成相机调用和图库功能,完成阿尔法项目遗留下来的位置调用问题,实现百度定位 蔡 ...
- Alpha冲刺No.6
站立式会议 继续页面设计 在安卓内构件数据库相应类 解决摄像头.照片的使用的异常问题 二.实际项目进展 页面设计完成百分80 类架构完成 在虚拟机中,能够完成摄像头的调用和程序的使用 三.燃尽图 四. ...
- 一个CSS简单入门网站
讲的知识简单明了,很实用: http://zh.learnlayout.com/
- Huginn实现自动通过slack推送豆瓣高分电影
博客搬迁至https://blog.wangjiegulu.com RSS订阅:https://blog.wangjiegulu.com/feed.xml 原文链接:https://blog.wang ...
- LeetCode & Q414-Third Maximum Number-Easy
Array Math Description: Given a non-empty array of integers, return the third maximum number in this ...
- Python内置函数(49)——isinstance
英文文档: isinstance(object, classinfo) Return true if the object argument is an instance of the classin ...
- redis命令详解
redis中添加key value元素:set key value; 获取元素:get key ; redis中添加集合:lpush key value1 value2 value ...