JavaScript作业1(实验1:Javascript基础语法)

1、判断今年是否闰年。

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实验1:Javascript基础语法——是否闰年</title> </head> <body> <script> var date = prompt('请输入年份:'); //var date =2020; if (date % 4 == 0 && date % 100 != 0) { alert('闰年'); } else if (date % 400 == 0) { alert('闰年'); } else { alert('不是闰年'); } </script> </body> </html>

2、加油站,为了鼓励车主多加油,实行多加多优惠政策,具体优惠如下:

  • 已知92号汽油,每升6元;如果大于等于20升,那么每升5.9;
  • 已知97号汽油,每升7元;如果大于等于40升,那么每升6.5

编写JS程序,用户输入自己的汽油编号,然后输入自己加多少升,弹出价格。

  • JavaScript文件
function fun1() { var a = window.parseInt(prompt("请输入汽油型号")); var b = window.Number(prompt("需要多少油量")); if (isNaN(a)) { alert('输入有误'); } else if (isNaN(b)) { alert("输入有误"); } else if (a != 92 && a != 97) { //&&与,||或 alert("没有符合的型号,请重新输入"); } else if (a == 92 && b < 20) { alert(b * 6 + "元"); } else if (a == 92 && b >= 20) { alert(b * 5.9 + "元"); } else if (a == 97 && b < 40) { alert(b * 7 + "元"); } else if (a == 97 && b >= 40) { alert(b * 6.5 + "元"); } }
  • html文件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实验1:Javascript基础语法——加油站</title> <script src="加油站.js"></script> </head> <body> <script> alert(fun1()); </script> </body> </html>

html文件中对JavaScript文件的引用,自定义函数

3、用循环语句在网页上显示以下效果:

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实验1:Javascript基础语法——白露秋风起</title> </head> <body> <script> for(var i=1;i<=6;i++){ switch(i){ case 1: document.write("<h1>白露秋风起,露从明夜白</h1>");break; case 2: document.write("<h2>白露秋风起,露从明夜白</h2>");break; case 3: document.write("<h3>白露秋风起,露从明夜白</h3>");break; case 4: document.write("<h4>白露秋风起,露从明夜白</h4>");break; case 5: document.write("<h5>白露秋风起,露从明夜白</h5>");break; case 6: document.write("<h6>白露秋风起,露从明夜白</h6>");break; } } </script> </body> </html>

批改:(for循环里面嵌套一个switch循环过于麻烦)

 <script type="text/javascript"> for (var i = 1; i <= 6; i++) { document.write("<h" + i + ">白露秋风起,露从明夜白</h" + i + ">"); } </script>

4、有红、白、黑三种球若干个,其中红、白球共25个,白、黑球共31个,红、黑球共28个,求这三种球各有多少个?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实验1:Javascript基础语法——三种球</title> </head> <body> <script> for (var white = 0; white <= 25; white++) { var red = 25 - white; var black = 31 - white; if (red + black == 28) { document.write("白球:" + white + '<br>' + "红球:" + red + '<br>' + "黑球:" + black); } } </script> </body> </html>

5、画出如图的图形:

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>实验1:Javascript基础语法——数字金字塔</title> </head> <body> <script> var level = prompt('请设置金字塔的层数'); level = parseFloat(level) && Number(level); if (isNaN(level)) { alert('金字塔的层数必须是纯数字'); } else { for (var j = 1; j <= level; j++) { var blank = level - j; for (var i = 0; i < blank; i++) { document.write('&nbsp;&nbsp;'); } for (var n = 1; n <= j; n++) { //因为每层个数等于当前层数 document.write(n); document.write('&nbsp;&nbsp;'); } document.write('<br>'); } } </script> </body> </html>

我们需要一个大的for循环,里面嵌套两个小的for循环,第一个for循环打出每层的空格,第二个for循环打出每层空格后的数字。一个循环过后,开始下一个循环,就这样一层一层打下去。

原文链接:https://blog.csdn.net/CopyCatpuppet/article/details/109104730?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165277499316782246411588%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165277499316782246411588&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-17-109104730-null-null.nonecase&utm_term=%E4%BC%98%E6%83%A0

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
文明发言,共建和谐米科社区
提交
头像

昵称

取消
昵称表情图片