练习一.任意数求和(最多输入十位数)，输入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. linux -- 个人笔记

    ##转自别人的博客 一般直接用tar命令打包很简单,直接使用 tar -zcvf test.tar.gz test 即可. 在很多时候,我们要对某一个目录打包,而这个目录下有几十个子目录和子文件,我们 ...

  2. IE haslayout

    我们都知道浏览器有bug,而IE的bug似乎比大多数浏览器都多.IE的表现与其他浏览器不同的原因之一就是,显示引擎使用一个称为布局(layout)的内部概念.   因为布局是专门针对显示引擎内部工作方 ...

  3. android调用系统相机

    Intent intent = new Intent(); intent.setPackage("com.android.camera"); intent.setAction(Me ...

  4. （中级篇 NettyNIO编解码开发）第七章-java序列化

    相信大多数Java程序员接触到的第一种序列化或者编解码技术就是.Java的默认序列化,只需要序列化的POJO对象实现java.io.Serializable接口,根据实际情况生成序列ID,这个类就能够 ...

  5. javaWeb学习总结（8）- JSP标签(6)

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  6. 开涛spring3(2.3) - IoC的配置使用

    2.3.1  XML配置的结构 一般配置文件结构如下: <beans> <import resource=”resource1.xml”/> <bean id=”bean ...

  7. lua中 table 元表中元方法的重构实现

    转载请标明出处http://www.cnblogs.com/zblade/ lua作为游戏的热更新首选的脚本,其优势不再过多的赘述.今天,我主要写一下如何重写lua中的元方法,通过自己的重写来实现对l ...

  8. awk之随机函数rand()和srand() （转）

    转自:http://blog.chinaunix.net/uid-10540984-id-2942041.html 文件: 1234567 abcdefg ......   现在想要随机抽取5列组成下 ...

  9. Spring Boot 负载均衡之外置session状态保存

    在使用spring boot做负载均衡的时候,多个app之间的session要保持一致,这样负载到不同的app时候,在一个app登录之后,而打到另外一台服务器的时候,session丢失. 常规的解决方 ...

  10. 使用 after 伪类清除浮动

    以前清除浮动的时候总是在想要清除浮动的元素后面添加 <div style="clear:both;"></div> 或者写在br标签里面来解决,但这样会增加 ...