JS综合练习
练习一.任意数求和(最多输入十位数)，输入999终止
运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var sum=0;
for(var i=1;i<=10;){
var num=Number(prompt('请输入一个数字'));
if (num==999){break;}
else if(num>0){
sum+=num;
}
else if(!num){
alert('输入错误')
continue;
}
i++;
}
document.write('您输入了'+(i-1)+'个数');
document.write('和为'+sum);
</script>
</head>
<body>
</body>
</html>
效果图
输入2+2,999终止
案例二.输入任意年月日实现判断其为该年的第几天
注意，在解决该问题过程中要注意平年闰年的问题
运行代码如下
方法一
switch (month-1){
case 11:
sum+=30;
case 10:
sum+=31;
case 9:
sum+=30;
case 8:
sum+=31;
case 7:
sum+=31;
case 6:
sum+=30;
case 5:
sum+=31;
case 4:
sum+=30;
case 3:
sum+=31;
case 2:
sum+=28;
case 1:
sum+=31;
case 0:
sum+=0;
}
if((year%4==0&&year%100!=0||year%400==0)&&month>2){
sum+=(day+1);
}else{
sum+=day;
}
document.write("您输入的"+year+"-"+month+"-"+day+"为该年的第"+sum+"天");
方法二
for(var i=1;i<month;i++){
if(i==1||i==3||i==5||i==7||i==8||i==10||i==12){
sum+=31;
}
if(i==4||i==6||i==9||i==11){
sum+=30;
}
if(i==2){
sum+=28;
}
}
if((year%4==0&&year%100!=0||year%400==0)&&month>2){
sum+=(day+1);
}else{
sum+=day;
}
document.write("您输入的"+year+"年"+month+"月"+day+"日是该年的第"+sum+"天");
效果图
验证正确
案例三.模拟银行ATM取款问题，默认密码111111，三次输入机会，取款面值100
运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var isTrue=false;
for (var i=1;i<=3;i++){
var password=prompt('请输入密码：');
if(password==111111){
isTrue=true;
break;
}
}
if(!isTrue)alert('密码错误，请取卡');
while (isTrue){
var $=prompt('请输入取款金额：');
if($%100==0&&$<=1000&&$>=0){
document.write('您取了'+$+'元');
document.write('，交易完成，请取卡！');
break;
}else{
alert('您输入的金额不合法，请重新输入');
}
}
</script>
</head>
<body>
</body>
</html>
效果图
密码输入错误(此处连输3次2)
结果显示
金额输入错误(此处连输150)
显示为
验证正确，符合要求。
案例四.嵌套循环练习--菱形图形
嵌套循环特点
外层循环控制行数
内层循环控制每行个数
【思路】
1.确定图形行数
2.确定每行中的元素个数，代表有几个内层循环
3.确定每种元素的个数，即为每个内层循环的次数
Tips:找出每种元素的个数，与行号的关系式，即为当前内循环的最大值
代码
for(var i=1;i<=4;i++){
for(var k=1;k<=4-i;k++){
document.write("<span style='display: inline-block;width: 7px;'></span>");
}
for(var j=1;j<=2*i-1;j++){
document.write("*");
}
document.write("<br />");
}
for(var i=1;i<=3;i++){
for(var k=1;k<=i;k++){
document.write("<span style='display: inline-block;width: 7px;'></span>");
}
for(var j=1;j<=7-2*i;j++){
document.write("*");
}
document.write("<br />");
}
效果图
案例五.嵌套循环练习--数字等边三角形
代码
for(var i=1;i<=4;i++){
for(var k=1;k<=4-i;k++){
document.write("<span style='display: inline-block;width: 8px;'></span>");
}
var n=1;
//递增
for(var j=1;j<=i;j++){
document.write(n);
n++;
}
//递减
n-=2;
for(var j=1;j<=i-1;j++){
document.write(n);
n--;
}
document.write("<br />");
}
运行效果
JS的循环嵌套时一定要注意思路，思路明了，问题就变得非常简洁
JS综合练习的更多相关文章
- [置顶] js综合应用：表格的四则运算
在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来. 在上次完成了基本的求和的基础上,添加了基本的加减乘除四则运算. 基本需求简化后如下: 对应的htm了为: & ...
- jquery.js与sea.js综合使用
jquery.js与sea.js综合使用 目录 模块定义 define id dependencies factory exports require require.async require. ...
- [js综合问题汇总]js窗口关闭事件,表单名称,父窗口子窗口,var变量名
<script type="text/javascript"> window.onbeforeunload = onbeforeunload_handler; //wi ...
- Vue.js 综合
<!DOCTYPE HTML> <html> <head> <title>vue.js 处理用户输入</title> <script ...
- Js综合笔记
-----网页禁止复制---- -----网页禁止复制---- <body> <SCRIPT language=javascript type=text/javascript> ...
- 【JS 综合】JS综合
视频教程链接:http://www.xuexi111.com/s/javascript/ 张孝祥:http://www.21edu8.com/pcnet/programming/26685/
- HTML+CSS+JS综合练习（动态验证版）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JS综合面试题1
function foo(){ getName = function () { alert(1); }; return this; } Foo.getName = function(){ alert( ...
- FileSaver.js ////////////////////zzzzzzzzzzzzzz
FileSaver.js 实现浏览器端文件保存的 JavaScript 库 查看次数: 758 下载次数: 89 更新时间: 2015-06-05 发布时间: 2015-06-05 收藏 插件信息金币 ...
随机推荐
- C#特性：从自定义一个特性开始，谈谈什么是特性
作为C#新手中的一员,我刚开始接触特性时,那真是一脸冏逼啊,怎么想怎么查资料都没弄明白它到底是个什么东西,有的入门教程甚至都没讲特性和反射这些概念!相信很多人第一次接触到特性就是关于系列化的知识了. ...
- Ubuntu 散热
Ubuntu 散热问题(本人神舟本本i7 2G intel独显 ubuntu1510 64位系统):安装Bumblebee.sudo apt-get purge nvidia-current sudo ...
- XSS研究2-来自内部的XSS攻击的防范
引入: 前面我们分2篇文章分别探讨了来自外部的XSS攻击和来自内部的XSS攻击,现在我们来专门探讨如何防范来自内部的XSS攻击. 实践: http://www.cnblogs.com/crazy ...
- 浅谈MVC异常处理
在日常开发中,我们会去捕捉很多的异常,来进行处理,通常我们的方法就是,在需要进行异常处理的地方加上 try catch 块,但是,如果需要异常处理的地方很多,那么,就会频繁的去写try catch 块 ...
- TOJ4101.Guess Game(TOJ means Tianjin University Online Judge)（dp的思想，但这道题目是假dp）
题意:你要从[1,n]这个n个数中猜出来规定的某个数,现在这个数未知,问你在最糟糕的情况下(但是你采用了最优的策略),你要猜多少次才能猜出这个数.现在有两种条件: 第一种:当你猜的数比指定的那个数小的 ...
- css隐藏文字的小技巧
前段时间,在做项目的时候,遇到一个问题.背景图片上有一个“立即注册”的按钮,需要点击.但是问题是:现在的图片是背景图片,如果图片是在html页面内的话,我们可以使用锚点来对图片添加链接.这个时候,我们 ...
- keyup实现在输入状态不发送搜索请求，停止输入后发送
个人需求:通过keyup事件配合后台elasticsearch(弹性搜索),用户在输入状态不发送请求,等停止输入后发送请求. 这是个思考笔记,因为项目临时需要弹性搜索功能,所以临时想了这么个法子,方法 ...
- maven 创建后报错
<dependency> <groupId>javax</groupId> <artifactId>javaee-api</artifactId& ...
- 网络数据传输安全及SSH与HTTPS工作原理
本节内容 网络数据传输安全概述 数据加密算法分类 SSH工作原理 HTTPS工作原理 参考资料 个人一直在努力推动git在公司内部的普及和使用,前些日子在公司内部做了一次分享课,给大家介绍了下项目发布 ...
- python通过excel对数据库插入数据
1.需要有两个包文件xlrd及MySQLdb(其他数据库可以另外找) 2.读取excel文件信息 book = xlrd.open_workbook(文件地址) 3.建立MySQL链接 databas ...