练习一.任意数求和(最多输入十位数),输入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. 我对Stub和Mock的理解

    介绍 使用测试驱动开发大半年了,我还是对Stub和Mock的认识比较模糊,没有进行系统整理. 今天查阅了相关资料,觉得写得很不错,所以我试图在博文中对资料进行整理一下,再加上一些自己的观点. 本文是目 ...

  2. JDK源码之AQS源码剖析

    除特别注明外,本站所有文章均为原创,转载请注明地址 AbstractQueuedSynchronizer(AQS)是JDK中实现并发编程的核心,平时我们工作中经常用到的ReentrantLock,Co ...

  3. Natas Wargame Level 9 Writeup(bash injection)

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAArAAAAClCAYAAACkwM63AAAABHNCSVQICAgIfAhkiAAAIABJREFUeF

  4. 《Android进阶》之第七篇 NDK的使用

    <Android进阶>之第一篇 在Java中调用C库函数 这一篇列举的方法是在NDK没有出来时候用的方式 在Android发布NDK之后,可以这样使用 一.首先下载android-ndk ...

  5. 【Python 函数对象 命名空间与作用域 闭包函数 装饰器 迭代器 内置函数】

    一.函数对象 函数(Function)作为程序语言中不可或缺的一部分,但函数作为第一类对象(First-Class Object)却是 Python 函数的一大特性. 那到底什么是第一类对象(Firs ...

  6. Asynchronous and Distributed Programming in R with the Future Package

    Every now and again someone comes along and writes an R package that I consider to be a 'game change ...

  7. kafka 0.8.2 消息生产者 producer

    package com.hashleaf.kafka; import java.util.Properties; import kafka.javaapi.producer.Producer; imp ...

  8. Common.Logging源码解析一

    Common.Logging是Apache下的一个开源日志接口组件,主要用于切换不同的日志库,因为当前流行的日志库有很多向log4j.log4net(log4j的.net版本)等等,所以为了能灵活的切 ...

  9. 导入java项目时出现红色叹号问题的解决

    问题:导入java项目时出现红色叹号(如下图所示) 原因:引入项目的某些jar包跟自己电脑上的位置不一样: 解决方案:步骤如下 (1)右键红色叹号所在项目————>build path————& ...

  10. IntelliJ IDEA 2017.1.4 x64配置说明

    只是为了研究下idea这款编译器怎么使用.开门见山,说下如何配置这款编译器,不配置也能用,但是强迫症表示不服.下面直入正题: 下载与安装就不说了,除了更改安装目录外,没啥注意的地方,建议下载idea去 ...