首页
Search
1
pc端小米官网首页部分练习
578 阅读
2
js中的内置对象
549 阅读
3
CSS实现动画效果
527 阅读
4
DOM(节点操作children-自定义属性-)
510 阅读
5
CSS中的选择器
485 阅读
成考高数一
成考英语
英语单词
语法与词汇
成考政治
马克思主义
毛泽东思想
HTML
标签
JAVAScript
js数组
js函数
js基础
js循环
js对象
DOM
CSS
VUE
exercise
js练习
HTML/CSS练习
登录
Search
标签搜索
冒泡排序
css
float
clear
边框
运算
字体
font
表格
冠词
函数
社会主义
矛盾
meta标签
声明bianl
标识符
Number
数据类型
css常用选择器
css关系选择器
小熊猫
累计撰写
50
篇文章
累计收到
0
条评论
今日撰写
0
篇文章
首页
栏目
成考高数一
成考英语
英语单词
语法与词汇
成考政治
马克思主义
毛泽东思想
HTML
标签
JAVAScript
js数组
js函数
js基础
js循环
js对象
DOM
CSS
VUE
exercise
js练习
HTML/CSS练习
页面
用户登录
登录
搜索到
2
篇与
的结果
2021-12-20
js实现简易版ATM
目录:简易版的ATM要求简易版的ATM (方法一) 要求:里边现存有 100 块钱如果存钱,就用输入钱数加上存的钱数,之后弹出显示余额提示框果取钱,就减去取得钱数,之后就弹出余额提示框显示余额,就输出余额5.如果退出,弹出退出信息提示框此方法,是他人推荐用while来写,写的过程中发现的确比方法二好,清晰明确方法一(推荐) <script> var copper = 100; var flag = true; while (flag) { var serial_Number = parseInt(prompt('请输入你要的操作(注意:输入数字即可)\n' + '1.存钱\n' + '2.取钱\n' + '3.显示余额\n' + '4.退出')); switch (serial_Number) { case 1: var save = prompt('请输入存入的金额'); copper += parseFloat(save); // var save =copper + parseFloat(prompt('请输入存入的金额')); alert('你存入的钱为:' + save + '\n' + '你的总金额为:' + copper); break; case 2: var withdraw_Money = parseFloat(prompt('请输入你要取出的金额:')); if (withdraw_Money <= copper) { copper -= withdraw_Money; alert('你取走的金额为:' + withdraw_Money + '\n' + '你的总金额为:' + copper); } else { alert('账户余额不足请重新输入'); withdraw_Money = parseFloat(prompt('请输入你要取出的金额:')); } copper -= withdraw_Money; alert('你取走的金额为:' + withdraw_Money + '\n' + '你的总金额为:' + copper); break; case 3: alert('你的总余额为:' + copper); break; case 4: flag = false; break; default: alert('请输入合法值'); break; } } </script>方法二(不推荐)此方法是本人第一次看到问题所写,发现很麻烦,效果还不行,比较是看到问题第一所想,留个纪念 当时遇到问题就是无法跳转当前判断并且返回到首页,所以会发现很乱,还少写一个判断<script> var copper = 100; var serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); console.log(serial_Number); while(serial_Number <=4){ if(serial_Number == parseInt(1)){ var save = prompt('请输入存入的钱数:'); copper += parseFloat(save); alert('你现在的钱总数为' + copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(2)) { var withdraw_Money = prompt('请输入取得钱数:') copper -= parseFloat(withdraw_Money); alert('你取走了:'+withdraw_Money+'\n'+'你现在的钱总数为:' +copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(3)) { alert('你现在的余额为:'+copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(4)) { alert('正在退出中'); break; } } </script>
2021年12月20日
320 阅读
0 评论
0 点赞
2021-12-20
JavaScript的判断以及循环
js的判断以及循环目录:一.判断①.if分支语句 <script> 1. if 的语句结构 if(条件表达式){ 执行语句 } 2. 执行思路,如果条件表达式为真,则执行括号里边的 如果条件表达式为假,则跳过此代码 if(3 < 5){ alert('输出'); } 3.双分支语句 if else 语法 if(){ 执行语句1 }else{ 执行语句2 } 代码验证 var age = prompt('请输入你的年龄'); if(age >=18){ alert('年龄'+age+'符合可以进入'); }else{ alert('年龄'+age+'不符合要求'); } 多分支语句 if(){ 执行语句1 }else if() { 理论可以无线写 执行语句2 }else{ 执行语句3 } </script>②三元表达式? : <script> 1. 有三元运算符组成的式子我们称为三元表达式 2. ? : 3. 语法结构: 条件表达式 ? 表达式1 : 表达式2 4.执行思路 如果表达式结果为真 则返回 表达式1的值 ,为假返回表达式2的值 代码体验 var num = 10; var result = num > 5 ? '是的' : '不是的'; console.log(result); </script>循环① switch循环代码验证:js实现输入1-7来判断今天星期几 1.switch 语句也是多分支的,一般使用于固定值 2.语法结构: switchh(表达式){ case value1: 执行语句1; break; case value2: 执行语句2; break; ..... default: 执行最后语句; } 3.代码验证 var num = prompt('请输入1-7'); var week = parseInt(num); switch(week){ case 1 : alert('今天星期一'); break; case 2 : alert('今天星期二'); break; case 3 : alert('今天星期三'); break; case 4 : alert('今天星期四'); break; case 5 : alert('今天星期五'); break; case 6 : alert('今天星期六'); break; default : alert('今天星期日'); } </script>② for循环for循环 1. for循环可以重复执行某些相同代码 2. for循环可以重复执行些许不同的代码,用计数器 3. for循环可以重复执行某些操作 4. 双重for循环,外层循环依次,内层for循环全部 5. for 循环是循环条件和数字直接相关的循环 /*计算从1+100的值*/ var sum = 0; for(var i = 1 ; i<=100; i++){ /* sum = sum + i; */ sum +=i; } console.log(sum); // 2. 求1-100之间所有输的平均值 var sum1 = 0 ; var average = 0 ; for(var i = 0; i <=100; i++){ sum1 = sum1+i; } average = sum1 / 100; console.log(average); //3.求1-100之间所有偶数和奇数的和 //定义偶数变量over 定义奇数变量add var over = 0; var odd = 0; for(var i =0; i<=100; i++){ if(i % 2 ==0){ over = over+i; }else{ odd = odd + i; } } console.log('1-100偶数为和为:'+over); console.log('1-100奇数为和为:'+odd); //4.求1-100之间所有能被3整除的数字的和 var ruest = 0 ; for(var i = 1; i<=100; i++){ if(i % 3 ==0 ){ ruest = ruest + i ; } } console.log('1-100只能能被3整除的和为'+ruest); </script>③ 双重for循环1.双重for循环 语法结构 for(外层初始变量; 外层的条件表达式; 外层的操作表达式){ for(里层的初始变量; 里层的条件表达式; 里层的操作表达式){ //执行语句 } } 我们可以把里面的循环看做是外层循环的语句 外层循环循环依次,里边的循环执行全部 代码验证 for(var i = 1 ; i<=3; i++){ console.log('这是外层循环第'+ i +'次'); for(var j = 1 ; j<= 3 ; j++){ console.log('这是里层的循环第' + j +'次'); } }④ while循环while 循环语法结构 while 当...的时候while(条件表达式){ 循环体}执行思路,当条件表达式为true,则执行循环体循环体应该有计数器初始变量(有操作表达式,防止死循环)代码验证 var num = 1; while(num <=100){ console.log('你好'); num++; }⑤ do...while 循环do...while 语句其实是while语句的一个变体。该循环会先执行一次代码,然后对条件表达式 进行判断,如果条件为真,就会重复执行循环体,否则退出循环 do...while 语句的语法结构如下: do{ //循环体代码 }while(条件表达式); 代码验证 var num = 1; do{ console.log('循环第'+num+'次'); num++; } while(num <=100);break,continue,return区别break:结束当前的循环体continue:跳出本次循环return:不仅可以退出循环,还能够返回return 语句中的值,同时还可以结束当前的函数体内的代码
2021年12月20日
329 阅读
0 评论
0 点赞