JS综合练习
练习一.任意数求和(最多输入十位数),输入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综合练习的更多相关文章
- [置顶] js综合应用:表格的四则运算
在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来. 在上次完成了基本的求和的基础上,添加了基本的加减乘除四则运算. 基本需求简化后如下: 对应的htm了为: & ...
- jquery.js与sea.js综合使用
jquery.js与sea.js综合使用 目录 模块定义 define id dependencies factory exports require require.async require. ...
- [js综合问题汇总]js窗口关闭事件,表单名称,父窗口子窗口,var变量名
<script type="text/javascript"> window.onbeforeunload = onbeforeunload_handler; //wi ...
- Vue.js 综合
<!DOCTYPE HTML> <html> <head> <title>vue.js 处理用户输入</title> <script ...
- Js综合笔记
-----网页禁止复制---- -----网页禁止复制---- <body> <SCRIPT language=javascript type=text/javascript> ...
- 【JS 综合】JS综合
视频教程链接:http://www.xuexi111.com/s/javascript/ 张孝祥:http://www.21edu8.com/pcnet/programming/26685/
- HTML+CSS+JS综合练习(动态验证版)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JS综合面试题1
function foo(){ getName = function () { alert(1); }; return this; } Foo.getName = function(){ alert( ...
- FileSaver.js ////////////////////zzzzzzzzzzzzzz
FileSaver.js 实现浏览器端文件保存的 JavaScript 库 查看次数: 758 下载次数: 89 更新时间: 2015-06-05 发布时间: 2015-06-05 收藏 插件信息金币 ...
随机推荐
- 我对Stub和Mock的理解
介绍 使用测试驱动开发大半年了,我还是对Stub和Mock的认识比较模糊,没有进行系统整理. 今天查阅了相关资料,觉得写得很不错,所以我试图在博文中对资料进行整理一下,再加上一些自己的观点. 本文是目 ...
- JDK源码之AQS源码剖析
除特别注明外,本站所有文章均为原创,转载请注明地址 AbstractQueuedSynchronizer(AQS)是JDK中实现并发编程的核心,平时我们工作中经常用到的ReentrantLock,Co ...
- Natas Wargame Level 9 Writeup(bash injection)
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAArAAAAClCAYAAACkwM63AAAABHNCSVQICAgIfAhkiAAAIABJREFUeF
- 《Android进阶》之第七篇 NDK的使用
<Android进阶>之第一篇 在Java中调用C库函数 这一篇列举的方法是在NDK没有出来时候用的方式 在Android发布NDK之后,可以这样使用 一.首先下载android-ndk ...
- 【Python 函数对象 命名空间与作用域 闭包函数 装饰器 迭代器 内置函数】
一.函数对象 函数(Function)作为程序语言中不可或缺的一部分,但函数作为第一类对象(First-Class Object)却是 Python 函数的一大特性. 那到底什么是第一类对象(Firs ...
- 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 ...
- kafka 0.8.2 消息生产者 producer
package com.hashleaf.kafka; import java.util.Properties; import kafka.javaapi.producer.Producer; imp ...
- Common.Logging源码解析一
Common.Logging是Apache下的一个开源日志接口组件,主要用于切换不同的日志库,因为当前流行的日志库有很多向log4j.log4net(log4j的.net版本)等等,所以为了能灵活的切 ...
- 导入java项目时出现红色叹号问题的解决
问题:导入java项目时出现红色叹号(如下图所示) 原因:引入项目的某些jar包跟自己电脑上的位置不一样: 解决方案:步骤如下 (1)右键红色叹号所在项目————>build path————& ...
- IntelliJ IDEA 2017.1.4 x64配置说明
只是为了研究下idea这款编译器怎么使用.开门见山,说下如何配置这款编译器,不配置也能用,但是强迫症表示不服.下面直入正题: 下载与安装就不说了,除了更改安装目录外,没啥注意的地方,建议下载idea去 ...