（前端）JS基础案例01

前端JS基础案例01以下小案例是我在不同平台上收集整理的我将分为几篇文章进行问题的归纳主要考究的是JavaScript的基础知识如果想锻炼自己的逻辑思维和代码编写能力不妨试一下吧贴心小提示题目答案是按照我自己的逻辑思维得出的可能有些代码写的不够严谨或者逻辑有误欢迎留下评论进行提醒和探讨谢谢题目01-以下代码输出结果02-获取用户信息03-增加年龄04-计算银行卡余额05-计算两个文本框的和06-小明换算温度07-递增运算08-交换两个变量的值09-写出奇偶数的条件10-战士抗洪11-逻辑运算12-写出闰年的条件一、以下代码输出结果代码如下示例script// 下面代码输入结果是 constnum10console.log(num11)//21console.log(num11)//1011console.log(num11)//21console.log(typeofnum11)//Number11console.log(typeof(num11))//Stringconsole.log(typeof(num11))//Number/script二、获取用户信息代码如下示例script// 依次询问并获取用户的姓名、年龄、性别收集数据之后在控制台或页面依次打印出来。letunameprompt(请输入你的姓名)letageprompt(请输入你的年龄)letgenderprompt(请输入你的性别)document.write(你的姓名:${uname}/br你的年龄:${age}/br你的性别:${gender})/script三、增加年龄script// 询问用户年龄用户输入年龄后把用户输入的年龄增加5岁// 增加5岁后通过弹出框提示用户 “ 据我估计五年后你可能XX岁了”letageNowprompt(你现在多少岁了)letageageNow5alert(据我估计五年后你${age}岁了)/script四、计算银行卡余额script// 用户输入总的银行卡金额依次输入本月花费的电费水费网费。// 页面打印一个表格计算出本月银行卡还剩下的余额。letmoneyprompt(银行卡金额)letdianfeiprompt(电费)letshuifeiprompt(水费)letwangfeiprompt(网费)letbalancemoney-dianfei-shuifei-wangfei document.write(table aligncenter th银行卡金额/th th电费/th th水费/th th网费/th th余额/th tr td${money}/td td${dianfei}/td td${shuifei}/td td${wangfei}/td td${balance}/td /tr /table)/script五、计算两个文本框的和script typetext/javascript// 注意数据类型 可以字符串-0后得到的是数字letnum1prompt(请输入第一个数字);letnum2prompt(请输入第二个数字);letnum3Number(num1)Number(num2)// 错误写法let num3 Number(num1 num2)document.write(${num1}${num2}的和是${num3})/script六、小明换算温度script typetext/javascript/* 小明要到美国旅游可是那里的温度是以华氏度为单位记录的。 它需要一个程序将华氏温度80度转换为摄氏度并以华氏度和摄氏度为单位分别显示该温度。 提示摄氏度与芈氏度的转换公式为摄氏度 5/9.0*(华氏度-32)保留3位小数 */lethsd80;letssd(5/9.0*(hsd-32)).toFixed(3)document.write(华氏度是${hsd}度转换成摄氏度是${ssd}度)/script七、递增运算script typetext/javascriptvark0;console.log(kkkk)// 6console.log(k)//3// k 0 k1// k 2 k2// k 2 k2// k 2 k3/script八、交换两个变量的值script typetext/javascriptleta1;letb2;// 根据上面两个变量运用变量的赋值或计算得出a2;b1// 方法1 创建一个临时变量letca ab bc console.log(a,b);//2,1// 方法2 解构赋值leti11letj22;// i22 j11[i,j][j,i]console.log(i,j);/script九、写出奇偶数的条件script typetext/javascriptletnumprompt(输入数字);if(Number(num)%20){alert(${num}是偶数)}elseif(Number(num)%2!0){alert(${num}是奇数)}/script十、战士抗洪script typetext/javascript// 为抵抗洪水战士连续作战89小时编程计算共多少天零多少小时// 取整数 parseInt()lethours89;// 总小时数;letdayparseInt(hours/24)lethhours%24document.write(共多少${day}天${h}小时)//3天17小时/script十一、逻辑运算script typetext/javascript// 输入一个数字判断是否能被3整除并且能被5整除letnumprompt(请输入你要判断的数字);if(num%30num%50){document.write(${num}既能被3整除并且能被5整除)}else{alert(请换个数试试)}/script十二、写出闰年的条件script typetext/javascript// 公历年份是4的倍数且不是100的倍数为普通闰年。公历年份是整百数且必须是400的倍数才是世纪闰年letyearprompt(请输入年份);if((year%40year%100!0)||(year%4000)){alert(${year}是世纪闰年)//2000}else{alert(${year}是普通闰年)//1999}/script