练习一.任意数求和(最多输入十位数)，输入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. 用kotlin方式打开《第一行代码：Android》之开发酷欧天气（1）

    参考:<第一行代码:Android>第2版--郭霖 注1:本文为原创,例子可参考郭前辈著作:<第一行代码:Android>第2版 注2:本文不赘述android开发的基本理论, ...

  2. java 操作 redis

    1.Java 使用 Redis 只需要下载一个jar包即可 地址:http://maven.outofmemory.cn/redis.clients/jedis/2.5.2/ 工程

  3. javaWeb学习总结（11）- 监听器(Listener)学习

    一.监听器介绍 1.1.监听器的概念 监听器是一个专门用于对其他对象身上发生的事件或状态改变进行监听和相应处理的对象,当被监视的对象发生情况时,立即采取相应的行动.监听器其 实就是一个实现特定接口的普 ...

  4. 容器扩展属性 IExtenderProvider 实现WinForm通用数据验证组件

    大家对如下的Tip组件使用应该不陌生,要想让窗体上的控件使用ToolTip功能,只需要拖动一个ToolTip组件到窗口,所有的控件就可以使用该功能,做信息提示. 本博文要记录的,就是通过容器扩展属性 ...

  5. ubuntu16.04 开发环境搭建

    1.更换源 sudo gedit /etc/apt/sources.list 2.更新系统 sudo apt-get update sudo apt-get dist-upgrade     3.移动 ...

  6. xcode8.3 shell 自动打包脚本 记录

    题记 xcode升级8.3后发现之前所用的xcode自动打包基本无法使用,因此在网上零碎找到些资料,将之前的脚本简化.此次脚本是基于xcode证书配置进行打包(之前是指定描述文件.相对繁琐).因此代码 ...

  7. Yii2中限制访问某控制器的IP(IP白名单)

    有关Yii2.0鉴权之访问控制过滤器参考这篇文章  http://www.yiiframework.com/doc-2.0/guide-security-authorization.html 这里主要 ...

  8. div的替代品

    人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>--具体地说,就是直接用作替代品(用于样式).在XHTML或者HTML4中,我们常看到 ...

  9. html、css和js注释的规范用法

    成为专业的前端工程师!!! html注释: <!--注释内容--> css注释: //注释内容 单行注释(不推荐使用,因为有的浏览器可能不兼容,没有效果)/*注释内容*/ 多行注释(推荐使 ...

  10. 浅谈Android studio中OKHttp安装及简单使用

    Google貌似在6.0版本里面删除了HttpClient相关API,鉴于okhttp的口碑相当好,介绍一下OKHttp的安装及使用: 一.安装 对于Android Studio的用户,在Projec ...