练习一.任意数求和(最多输入十位数)，输入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综合练习的更多相关文章

  1. [置顶] js综合应用：表格的四则运算

    在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来. 在上次完成了基本的求和的基础上,添加了基本的加减乘除四则运算. 基本需求简化后如下: 对应的htm了为: & ...

  2. jquery.js与sea.js综合使用

    jquery.js与sea.js综合使用   目录 模块定义 define id dependencies factory exports require require.async require. ...

  3. [js综合问题汇总]js窗口关闭事件,表单名称,父窗口子窗口,var变量名

    <script type="text/javascript"> window.onbeforeunload = onbeforeunload_handler; //wi ...

  4. Vue.js 综合

    <!DOCTYPE HTML> <html> <head> <title>vue.js 处理用户输入</title> <script ...

  5. Js综合笔记

    -----网页禁止复制---- -----网页禁止复制---- <body> <SCRIPT language=javascript type=text/javascript> ...

  6. 【JS 综合】JS综合

    视频教程链接:http://www.xuexi111.com/s/javascript/ 张孝祥:http://www.21edu8.com/pcnet/programming/26685/

  7. HTML+CSS+JS综合练习（动态验证版）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. JS综合面试题1

    function foo(){ getName = function () { alert(1); }; return this; } Foo.getName = function(){ alert( ...

  9. FileSaver.js ////////////////////zzzzzzzzzzzzzz

    FileSaver.js 实现浏览器端文件保存的 JavaScript 库 查看次数: 758 下载次数: 89 更新时间: 2015-06-05 发布时间: 2015-06-05 收藏 插件信息金币 ...

随机推荐

  1. SQL server 用命令行更改数据库

    (计应154兰家才) CREATE  DATABASE  数据库名 ON [PRIMARY] ( <数据文件参数> [,…n]  [<文件组参数>] ) [LOG ON] ( ...

  2. 《安卓网络编程》之第二篇 java环境下网络通信的综合应用

    经过前面内容的学习,我们了解了Java技术中实现网络通信的基本知识.下面将通过一个具体视力的实现过程,讲解客户端和服务器端通信的流程. 服务器端的实现文件是 Server.java,代码如下: imp ...

  3. python求职Top10城市，来看看是否有你所在的城市

    前言 从智联招聘爬取相关信息后,我们关心的是如何对内容进行分析,获取用用的信息. 本次以上篇文章“5分钟掌握智联招聘网站爬取并保存到MongoDB数据库”中爬取的数据为基础,分析关键词为“python ...

  4. Tomcat 部署项目的三种方法

    1.下载 Tomcat 服务器 ①.官网下载地址:http://tomcat.apache.org/ ②.tomcat 8.0 64位百度云下载地址:http://pan.baidu.com/s/1s ...

  5. Java 多线程详解（五）------线程的声明周期

    Java 多线程详解(一)------概念的引入:http://www.cnblogs.com/ysocean/p/6882988.html Java 多线程详解(二)------如何创建进程和线程: ...

  6. IIS无法启动，应用程序池自动关闭，应用程序池XXXX将被自动禁用 解决方案之一

    最近,新任职的公司有一台测试服务(Windows Server 2008 R2 + IIS6.1)器因突然停电,造成了意外“损伤”.来电后再次开机,发现IIS里大部分的网站均打不开.均为如下(图01) ...

  7. RColorBrewer的使用

    RColorBrewer是一个R包,使用http://colorbrewer2.org/这个网站提供的颜色.我们画一个包括八个box的boxplot时,或者在x-y散点图上画六条线时,该怎样选择颜色呢 ...

  8. rownum基本用法

    对于rownum来说它是oracle系统顺序分配为从查询返回的行的编号,返回的第一行分配的是1,第二行是2,依此类推,这个伪字段可以用于限制查询返回的总行数,且rownum不能以任何表的名称作为前缀. ...

  9. Identity Service - 解析微软微服务架构eShopOnContainers（二）

    接上一篇,众所周知一个网站的用户登录是非常重要,一站式的登录(SSO)也成了大家讨论的热点.微软在这个Demo中,把登录单独拉了出来,形成了一个Service,用户的注册.登录.找回密码等都在其中进行 ...

  10. VR全景智慧城市搭建掀起实体市场潮流

    在互联网时代的今天,用户体验至上,全景智慧城市搭建作为一个新型的科技展示技术,通过新颖的广告方式更能吸引用户眼球,足不出户,观看现场实景,达到沉浸式体验.在这样的大环境下,全景智慧城市搭建开启了VR全 ...