您的位置:首页 > Web前端 > JavaScript

16-[JavaScript]-ECMAScript 2

2018-06-03 09:55 127 查看

1、流程控制:if switch

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>我是2级标题</h2>
</body>

<script type="text/javascript">

//if语句  如果()。。。。

var ji  = 20;
if(ji>=20){
console.log('恭喜你,吃鸡成功,大吉大利')
}else{
console.log('很遗憾 下次继续努力')

}

//        if (true) {
//
//        }else if(true){
//
//        }else if(true){
//
//        }else{
//
//        }

//        alert(222)
//浏览器解析代码的顺序 是从上往小执行

//考试系统录入

var math = 90;
var english = 85;
var sum = 485;

//1.模拟  如果总分 >400 并且数学成绩 >89分 被清华大学录入
//逻辑与&& 两个条件都成立的时候 才成立
if(sum>400 && math>90){
console.log('清华大学录入成功')
}else{
alert('高考失利')
}

//2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
//逻辑或  只有有一个条件成立的时候 才成立
/*
if(sum>500 || english>85){
alert('被复旦大学录入')
}else{
alert('高考又失利了')
}
*/

if (sum>500 || (math+english)>170) {
alert(22)
}

</script>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">

//switch

var gameScore = 'good1111';

//case

switch(gameScore){

//            case表示一个条件 满足这个条件就会走进来 遇到break跳出
case 'good':
console.log('玩的很好')
//break表示退出
break;
case  'better':
console.log('玩的老牛逼了')
break;
case 'best':
console.log('恭喜你 吃鸡成功')
break;

default:
console.log('很遗憾')

}
//        alert(1)
</script>
</html>

 

 

2、循环:while for do while

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>

<script type="text/javascript">
//whilex循环

//1.初始化循环变量 2.判断循环条件  3、更新循环变量
var i = 1;

while(i<=9){
//            console.log(i)

i = i+1;
}

//练习

//将 1-100之间的所有是3的倍数 输出出来
var j = 1;
while (j<=100){
if(j%3===0){
console.log(j)
}
j++;

}
</script>
</html>

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">

////1.初始化循环变量 2.判断循环条件  3、更新循环变量

//不管有没有满足while中的条件do里面的代码都会走一次
var i = 3;
do{

console.log(i)
i++;

}while (i<10)
</script>
</html>

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">

//for循环
//1.初始化 2.循环条件 3.更新循环变量

//        for(var i = 1;i<=10;i++){
//            console.log(i)
//        }

// 1-100之间所有的偶数
for(var i = 1;i<=100;i++){
if(i%2==0){
//是偶数
console.log(i)
}
}

//1.计算1-100之间所有数的和
var sum = 0;
for(var j = 1;j<=100;j++){
sum = sum+j
}
console.log(sum)

//2.
/*
*
**
***
****

*/

//         document.write('*')

//双重for循环
for(var i=1;i<=3;i++){

for(var a=0;a<6;a++){
document.write('*')
}

document.write('<br>')
}

//在浏览器中输出直角三角形 6行  等边三角形  使用python语言和js语言输出

</script>
</html>

 

 

3.输出直角三角形

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>

<script type="text/javascript">
/*
直角三角形
*  1
** 2
***
****
*****
******
*/
/*
等边三角形
*  2*1-1
***  2*2-1
***** 2*3-1
******* 2*4-1
********* 2*5-1
*********** 2*6-1
*/

/*
for(var i=1;i<=6;i++){
for(var j=1;j<=i;j++){
document.write("*")
}

document.write('<br>')
}
*/
for(var i=1;i<=6;i++){ //行数

//控制我们的空格数
for(var s=i;s<6;s++){
document.write('&nbsp;')
}
//                document.write('0')

for(var j=1;j<=2*i-1;j++){
document.write('*')
}
document.write('<br>')

}

</script>
</html>

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: