练习一.任意数求和(最多输入十位数)，输入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. 双击更新所有已安装的python模块

     首先声明我是一个升级控.几乎每天会查看一下手机.电脑是否有新的应用需要更新. 同样,我的python模块也是这样.百度了一下,发现目前还没有人将更新所有模块做成一件命令,但是查到了指引,主要就是两个 ...

  2. Ubuntu怎样进行自由截图操作

    全屏截图 1. 很简单,键盘上右上角都有一个 Print Screen按键,敲一下,全屏截图操作完成. 自由截图 1. 此种方式很简单,打开系统设置->键盘,进入shortcuts选项 2. 点 ...

  3. javaWeb学习总结（7）- 使用Session防止表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  4. 利刃 MVVMLight 10：Messenger 深入

    1.Messager交互结构和消息类型 衔接上篇,Messeger是信使的意思,顾名思义,他的目是用于View和ViewModel 以及 ViewModel和ViewModel 之间的消息通知和接收. ...

  5. python爬虫从入门到放弃（四）之 Requests库的基本使用

    什么是Requests Requests是用python语言基于urllib编写的,采用的是Apache2 Licensed开源协议的HTTP库如果你看过上篇文章关于urllib库的使用,你会发现,其 ...

  6. 地理位置 API

    js获取地理位置的接口navigator.geolocation geolocation对象有三个方法 1.getCurrentPosition 2.watchPosition 3.clearWatc ...

  7. VR全景智慧城市：开启VR全景逛街新时代~

    VR全景,又被称为3D实景,是一种新兴的富媒体技术,其与视频,声音,图片等传统的流媒体大的区别是"可操作,可交互". 对于顾客体验来说,VR确实是对于实体店是一种颠覆性的创新,它既 ...

  8. \classes\META-INF\MANIFEST.MF (系统找不到指定的路径。)

    开发项目重启eclipse 发现了如下错误! 解决方法 选择出现错误的项目 点击clean 即可~

  9. SDWebImage源码阅读-第三篇

    这一篇讲讲不常用的一些方法. 1 sd_setImageWithPreviousCachedImageWithURL: placeholderImage: options: progress: com ...

  10. Vue.js 运行环境搭建详解（基于windows的手把手安装教学）及vue、node基础知识普及

    Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架——只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动 ...