练习一.任意数求和(最多输入十位数)，输入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. dubbo+zookeeper+springmvc+mybatis+shiro+redis架构

    内容管理(CMS)系统,包括内容管理,栏目管理.站点管理.公共留言.文件管理.前端网站展示等功能: 在线办公(OA)系统,主要提供简单的流程实例. Jeesz提供了常用工具进行封装,包括日志工具.缓存 ...

  2. ImageIO.write不好用了

    今天奇怪的发现这个下面不好使了,即用ImageIO把图片写入网络流中,第一次还好使,对于同一个SocketOutputStream,第二次使用write方法就不好使了,变成了死等. 网上搜了资料搜不到 ...

  3. Java Synchronization

    Volatile Since Java 5 the volatile keyword guarantees more than just the reading from and writing to ...

  4. Venn Diagram Comparison of Boruta, FSelectorRcpp and GLMnet Algorithms

    Feature selection is a process of extracting valuable features that have significant influence ondep ...

  5. 目前微信 微博 新浪 豆瓣等所有分享的js插件

    原理 功能 集成微信.微博.开心.豆瓣.人人.qq微博.搜狐.qq空间等分享 即时分享: 默认加载插件,即启动全部分享 定制分享:通过参数配置.静态数据配置 由你决定何时分享,如何分享 扩展: 通过数 ...

  6. 原生js实现图片网格式渐显、渐隐效果

    写正文前先吐槽一下:端午放假完第一天去某千人以上公司面试前端工程师,第一轮是我应聘职位的部门小领导,谈的不错,面试主要围绕要用到的技术来:第二轮来了我要说的正主,我了个去,问的问题一个和前端无关,问我 ...

  7. 30多个Android 开发者工具 带你开发带你飞

    文中部分工具是收费的,但是绝大多数都是免费的. FlowUp 这是一个帮助你跟踪app整体性能的工具,深入分析关键的性能数据如FPS, 内存, CPU, 磁盘, 等等.FlowUp根据用户数量收费. ...

  8. Javaweb---如何使用eclipse创建Javaweb项目

    在配置好--服务器Tomcat与Eclipse后,进行项目创建 配置地址:http://blog.csdn.net/baidu_37107022/article/details/71405194 流程 ...

  9. Javaweb---服务器Tomcat与Eclipse的关联

    1.与eclipse的关联 打开eclipse-->window-->preferences 在搜索框输入->server->进行搜索,选择-–>server and R ...

  10. 抓包工具-Wireshark（详细介绍与TCP三次握手数据分析）

    功能使用的详细介绍 wireshark(官方下载网站: http://www.wireshark.org/),是用来获取网络数据封包,可以截取各种网络封包,显示网络封包的详细信息,包括http,TCP ...