位置: IT常识 - 正文

JavaScript基础——JS简单案例(javascript语言基础)

编辑:rootadmin
JavaScript基础——JS简单案例 文章目录JS一些简单案例变量案例弹出用户名显示年龄案例计算年龄案例简单加法器案例进入网吧案例判断闰年案例判断成绩级别案例数字补0案例——适用于倒计时的使用查询水果案例for循环案例求1-100之间所有整数的累加和求1-100之间所有数的平均值求1-100之间所有偶数和奇数的和求1-100之间所有能被3整除的数字的和求学生成绩案例一行打印多个星星案例打印n行n列的星星案例九九乘法表案例ATM取款机案例JS一些简单案例

推荐整理分享JavaScript基础——JS简单案例(javascript语言基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript基础编程,javascript 教程,javascript基础语法,javascript语言基础,javascript语言基础,javascript基础编程,javascript 基础,javascript基础语法,内容如对您有帮助,希望把文章链接给更多的朋友!

各种简单案例

变量案例弹出用户名

题目: 1、弹出一个输入框,提示用户输入姓名。 2、弹出一个对话框,输出用户刚才输入的姓名。

// 1、用户输入姓名 存储到一个 myname 的变量里面var myname = prompt('请输入您的名字');// 2、输出这个用户名alert(myname);显示年龄案例

题目: 弹出一个输入框,需要用户输入年龄,之后弹出一个警示框显示 “您今年XX岁了” (XX表示刚才输入的年龄) 思路: 弹出一个输入框(prompt),让用户输入年龄(用户输入) 把用户输入的值用变量保存起来,把刚才输入的年龄与所要输出的字符串拼接(程序内部处理) 使用 alert 语句弹出警示框(输出结果)

var age = prompt('请输入您的年龄');var str = '您今年已经' + age + '岁了';alert(str);计算年龄案例

题目: 要求在页面中弹出一个输入框,我们输入出生年份后,能计算出我们的年龄 思路: 弹出一个输入框(prompt),让用户输入出生年份(用户输入) 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄(程序内部处理) 弹出警示框(alert),把计算的结果输出(输出结果)

var year = prompt('请您输入您的出生年份');var age = 2022 - year; // year 取过来的是字符串型 但是这里用的减法 有隐式转换alert('您今年已经' + age + '岁了');简单加法器案例

题目: 计算两个数的值,用户输入第一个值后,继续弹出第二个输入框并输入第二个值,最后通过弹出窗口显示出两次输入值相加的结果。 思路: 先弹出第一个输入框,提示用户输入第一个值 保存起来 再弹出第二个框,提示用户输入第二个值 保存起来 把这两个值相加,并将结果赋给新的变量(注意数据类型转换) 弹出警示框(alert),把计算的结果输出(输出结果)

var num1 = prompt('请您输入第一个值:');var num2 = prompt('请您输入第二个值:');var result = parseFloat(num1) + parseFloat(num2);alert('您的结果是:' + result);进入网吧案例

题目: 弹出一个输入框,要求用户输入年龄,如果年龄大于等于18岁,允许进入网吧,否则回家写作业去 思路: 弹出 prompt 输入框,用户输入年龄,程序把这个值取过来保存到变量中 使用 if 语句来判断年龄,如果年龄大于 18 就执行 if 大括号里边的输出语句

var age = prompt('请输入您的年龄:');if (age >= 18) {alert('您已成年,请到前台激活');} else {alert('滚回家做作业去');}判断闰年案例

题目: 接收用户输入的年份,如果是闰年就弹出闰年,否则弹出是平年 思路: 1、算法:能被4整除且不能整除100的为闰年(如2004年就是闰年,1901年不是闰年)或者能够被400整除的就是闰年 2、弹出 prompt 输入框,让用户输入年份,把这个值取过来保存到变量中 3、使用 if 语句来判断是否是闰年,如果是闰年,就执行 if 大括号里面的输出语句,否则就执行 else 里面的输出语句 4、一定要注意里面的且 && 还有 || 的写法,同时注意判断整除的方法是取余为 0

var year = prompt('请您输入年份:'); if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { alert('您输入的年份是闰年'); } else { alert('您输入的年份是平年'); }判断成绩级别案例JavaScript基础——JS简单案例(javascript语言基础)

题目: 接收用户输入的分数,根据分数输出对应的等级字母A、B、C、D、E。其中: 90分(含)以上,输出:A, 80分(含)~90分(不含),输出:B 70分(含)~80分(不含),输出:C 60分(含)~70分(不含),输出:D 60分(不含)以下,输出:E 思路: 1、按照从大到小判断的思路 2、弹出 prompt 输入框,让用户输入分数(score),把这个值取过来保存到变量中 3、使用多分支 if else if 语句来分别判断输出不同的值

var score = prompt('请您输入分数'); if (score >= 90) { alert('宝贝,你是我的骄傲'); } else if (score >= 80) { alert('宝贝,你已经很出色了'); } else if (score >= 70) { alert('你要继续加油哦'); } else if (score >= 60) { alert('孩子,你很危险'); } else { alert('熊孩子,我不想和你说话,我只想用鞭子和你说话'); }数字补0案例——适用于倒计时的使用

题目: 用户输入数字,如果数字小于10,则在前面补0,比如01,09,如果数字大于10,则不需要补,比如20。 思路: 1、用户输入0~59之间的一个数字 2、如果数字小于10,则在这个数字前面补0,(加0 拼接)否则 不作操作 3、用一个变量接受这个返回值,输出

var time = prompt('请您输入一个 0 ~ 59 之间的一个数字'); // 三元表达式 表达式 ?表达式1 :表达式2 var result = time < 10 ? '0' + time: time; // 把返回值赋值给一个变量 alert(result);查询水果案例

题目: 用户在弹出框里面输入一个水果,如果有就弹出该水果的价格,如果没有该水果就弹出“没有此水果”。 思路: 1、弹出 prompt 输入框,让用户输入水果名称,把这个值取过来保存到变量中。 2、将这个变量作为 switch 括号里面的表达式。 3、弹出不同价格即可。同样注意每个 case 之后加上 break ,以便退出 switch 语句。 4、将 default 设置为没有此水果。

var fruit = prompt('请输入您要查询的水果:'); switch (fruit) { case '苹果': alert('苹果的价格是 3.5/斤'); break; case '榴莲': alert('榴莲的价格是 35/斤'); break; default: alert('没有此水果'); }for循环案例求1-100之间所有整数的累加和

思路: 1、需要循环100此,我们需要一个计时器 i 2、我们需要一个存储结果的变量 sum,但是初始值一定是0 3、核心算法:1+2+3+4…,sum = sum + i;

var sum = 0; // 求和 的变量for (var i = 0; i <= 100; i++) { sum = sum + i;}console.log(sum);求1-100之间所有数的平均值

需要一个sum 和的变量, 还需要一个平均值 average 变量

var sum = 0;var average = 0;for (var i = 1; i <= 100; i++) { sum = sum + i;}average = sum / 100;console.log(average);求1-100之间所有偶数和奇数的和

我们需要一个偶数的和变量 even 还需要一个奇数 odd

var even = 0;var odd = 0;for (var i = 1; i <= 100; i++){ if (i % 2 ==0){ even = even + i; } else { odd = odd + i; }}console.log('1~100 之间所有的偶数和是' + even);console.log('1~100 之间所有的奇数和是' + odd);求1-100之间所有能被3整除的数字的和var result = 0;for (var i = 1; i <= 100; i++) { if (i % 3 == 0) { result = result + i; }}console.log('1~100 之间所有能被3整除的数字的和是' + result);求学生成绩案例

题目: 要求用户输入班级人数,之后依次输入每个学生的成绩,最后打印出该班级总的成绩以及平均成绩。 思路: 1、弹出输入框输入总的班级人数(num) 2、依次输入学生的成绩(保存起来 score),此时我们需要用到for循环,弹出的次数跟班级总人数有关系 条件表达式 i <= num 3、进行业务处理:计算成绩。先求总成绩(sum),之后求平均成绩(average) 4、弹出结果

var num = prompt('请输入班级的总人数:'); // num 总的班级人数 var sum = 0; // 求和的变量 var average = 0; // 求平均值的变量 for (var i = 1; i <= num; i++) { var score = prompt('请您输入第' + i + '个学生的成绩'); // 因为从prompt取过来的数据是 字符串类型,需要转换为数字型 sum = sum + parseFloat(score); } average = sum / num; alert('班级总的成绩是' + sum); alert('班级平均分是:' + average);一行打印多个星星案例

采取追加字符串的方式,利用一个空的字符串来写

var num = prompt('请输入星星的个数'); var str = ''; for (var i = 1; i <= num; i++) { str = str + '☆' } alert(str) // console.log(str);打印n行n列的星星案例

要求用户输入行数和列数,之后在控制台打印出用户输入行数和列数的星星。

var rows = prompt('请输入行数:'); var cols = prompt('请输入列数:'); var str = ''; for (var i = 1; i <= rows; i++) { for (var j = 1; j <= cols; j++) { str = str + '★'; } str += '\n'; } console.log(str);九九乘法表案例

一共有9行,但是每行的个数不一样,因此需要用到双重 for 循环 外层的 for 循环控制行数 i ,循环9次,可以打印 9 行 内层的 for 循环控制每行公式 j 核心算法: 每一行公式的个数正好和行数一致, j <= i ; 每行打印完毕,都需要重新换一行

var str = ''; for (var i = 1; i <= 9; i++) { //外层循环控制行数 for (var j = 1; j <= i; j++) { //里层循环控制每一行的个数 j <= i // 1 x 2 = 2 // str = str +'★' str += j + 'x' + i + '=' + i * j + '\t'; } str += '\n'; } console.log(str);ATM取款机案例

里面现存有100块钱 如果存钱,就用输入钱数加上现存的钱数,之后弹出显示余额提示框 如果取钱,就减去取的钱数,之后弹出显示余额提示框 如果显示余额,就输出余额 如果退出,弹出退出信息提示框

var money = 100; var price = 0; while (num != 4) { var num = prompt('请输入你要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出') switch (num) { case '1': price = prompt('输入要存的钱数;'); money = money + parseFloat(price); alert('您的余额;' + money); continue; case '2': price = prompt('输入你要取出的钱: '); if (price > money) { alert('对不起当前您的余额不足'); } else { money = money - parseFloat(price); } alert('您的余额' + money); continue; case '3': alert('您的余额:' + money); continue; case '4': alert('正在退出...') break; } }
本文链接地址:https://www.jiuchutong.com/zhishi/288062.html 转载请保留说明!

上一篇:uniapp 微信小程序和H5的弹窗滚动穿透解决(uniapp微信小程序上传文件)

下一篇:巴伐利亚森林国家公园的树梢步道,德国诺伊舍瑙 (© imageBROKER/Alamy)(巴伐利亚森林国家公园钍自然真正自然)

  • 360云盘转存教程(360云盘转存百度云盘)(360云盘转存教程在哪)

    360云盘转存教程(360云盘转存百度云盘)(360云盘转存教程在哪)

  • 红米手表2屏幕尺寸(红米手表2屏幕多少钱)

    红米手表2屏幕尺寸(红米手表2屏幕多少钱)

  • 苹果11如何使用自己的铃声(苹果11如何使用nfc门禁卡功能)

    苹果11如何使用自己的铃声(苹果11如何使用nfc门禁卡功能)

  • m1910f4e是什么型号(m1908f1xe是什么型号啥价位)

    m1910f4e是什么型号(m1908f1xe是什么型号啥价位)

  • 苹果发短信特效对方看不到(苹果发短信特效对方能看到吗)

    苹果发短信特效对方看不到(苹果发短信特效对方能看到吗)

  • 怎样知道手机被定位了(怎样知道手机被定位跟踪)

    怎样知道手机被定位了(怎样知道手机被定位跟踪)

  • 抖音自己怎么开直播(抖音自己怎么开播)

    抖音自己怎么开直播(抖音自己怎么开播)

  • 超声波和高频机区别(高频振动和超声波)

    超声波和高频机区别(高频振动和超声波)

  • 11屏幕尺寸(华为matepad11屏幕尺寸)

    11屏幕尺寸(华为matepad11屏幕尺寸)

  • 微信被限制登录是什么原因造成的(微信被限制登录了多久才能正常使用)

    微信被限制登录是什么原因造成的(微信被限制登录了多久才能正常使用)

  • 快手左上角一直有一个小红点是什么(快手左上角一直转圈)

    快手左上角一直有一个小红点是什么(快手左上角一直转圈)

  • 小米微信视频通话怎么美颜

    小米微信视频通话怎么美颜

  • 苹果笔记本发热正常吗(苹果笔记本发热怎么办)

    苹果笔记本发热正常吗(苹果笔记本发热怎么办)

  • a1528支持什么网络(a1529支持什么网络)

    a1528支持什么网络(a1529支持什么网络)

  • iphone11处理器是a几(iphone11处理器是a几怎么看)

    iphone11处理器是a几(iphone11处理器是a几怎么看)

  • 抖音企业认证播放量很少(抖音企业认证是怎么回事)

    抖音企业认证播放量很少(抖音企业认证是怎么回事)

  • qq群语音通话人数上限(qq群语音通话人员进进出出声音太吵)

    qq群语音通话人数上限(qq群语音通话人员进进出出声音太吵)

  • 华为nove6支持无线充电吗(华为nova6支不支持无线充电功能)

    华为nove6支持无线充电吗(华为nova6支不支持无线充电功能)

  • 苹果黑白名单关闭是什么意思(苹果黑白名单关闭还能官解)

    苹果黑白名单关闭是什么意思(苹果黑白名单关闭还能官解)

  • 华为eml一al00是什么型号(华为eml一al00是什么型号有定位吗)

    华为eml一al00是什么型号(华为eml一al00是什么型号有定位吗)

  • iphonex和11区别(iphonex和iphone 11哪个好)

    iphonex和11区别(iphonex和iphone 11哪个好)

  • 台式电脑不用键盘怎么输入数字(台式电脑不用键盘可以玩游戏吗)

    台式电脑不用键盘怎么输入数字(台式电脑不用键盘可以玩游戏吗)

  • oppoa5耳机模式在哪里(oppoa55手机耳机设置在哪)

    oppoa5耳机模式在哪里(oppoa55手机耳机设置在哪)

  • 蚂蚁森林加速器快多久(蚂蚁森林加速器能加速多久)

    蚂蚁森林加速器快多久(蚂蚁森林加速器能加速多久)

  • 苹果xr发热严重怎么办(苹果xr发热严重怎么解决)

    苹果xr发热严重怎么办(苹果xr发热严重怎么解决)

  • vivox9s手机备份在哪里(vivo手机备份数据)

    vivox9s手机备份在哪里(vivo手机备份数据)

  • 爱奇艺弹幕怎么关闭(爱奇艺弹幕怎么设置一行)

    爱奇艺弹幕怎么关闭(爱奇艺弹幕怎么设置一行)

  • 华为p30pro相机设置(华为p30pro相机设置4:3只有几M)

    华为p30pro相机设置(华为p30pro相机设置4:3只有几M)

  • 交个税步骤
  • 单独计价作为固定资产入账的土地为什么不计提折旧
  • 资产总计是期初余额吗
  • 未开票收入的会计怎么做
  • 销项税额是不是开出去的发票金额
  • 自行研发的无形资产会计处理
  • 应付账款的核算会计分录
  • 租地协调费没发票怎么入账?
  • 出口企业享受增值税优惠政策
  • 企业出口不退税怎么处理
  • 花卉租赁发票税率是多少
  • 法人代表借钱给公司可以做短期借款吗
  • 2020年购进农产品的扣除率
  • 增值税发票不小心撕坏了怎么办
  • 免税销售额收入不含税收入怎么算
  • 问福利费的发票如果是增值税专用发票,增值税可以抵扣吗?
  • 公司注销增值税在借方有余额怎么处理
  • 预缴所得税会计分录怎么做
  • 钻井采用的主要设备
  • 金税盘开票信息修改
  • 申报工会经费怎么做账
  • 什么情况可以出境
  • windows4月更新
  • 苹果笔记本下载的itunes在哪
  • 银行拒付汇票金额的救济方法
  • php数组函数 菜鸟
  • sesvc.exe是什么进程
  • 营改增后租金如何交税
  • 分手我不怕
  • 生育津贴差额账务处理
  • 建筑公司内账复杂吗
  • 增值税纳税人如何界定
  • 常见浏览器兼容软件
  • vue写的购物车详细步骤
  • 个人独资企业都需要交什么税
  • 表单验证方法一般有哪几种
  • 个人出租租房交什么税
  • Python数学建模三剑客
  • python默认画布大小
  • mysql好在哪里
  • mongodb分区分片
  • SQLite3 API 编程手册
  • 建筑行业 营改增
  • 资产总额是指营业收入和营业支出吗
  • win7系统安装教程不用u盘
  • 入库单入账税务会查吗
  • 注册资金认缴期限一般多少
  • 收到工程款时会计分录
  • 去年亏损今年盈利同比怎么算
  • 哪些费用计入管理费用开办费
  • 固定资产折旧完了还算固定资产吗
  • 税前扣除是什么时候开始的
  • 处置固定资产损失的账务处理
  • mysql中具体到删某一个数据
  • win7资源管理器未响应怎么办
  • win10的win+tab
  • linux 主力机
  • ubuntu20.10桌面
  • win7无法开机怎么进入安全模式
  • windows7旗舰版怎样扩大虚拟内存
  • 如何清楚windows搜索记录
  • win7右键设置方法
  • 我的第二个姐姐用英语怎么说
  • javascript教程推荐知乎
  • nodejs常用api
  • cocos2dx 教程
  • linux 删除inode
  • javascript编写
  • python序列结构总结
  • document对象的常用方法
  • jquery中的基本选择器有哪些
  • python线程daemon
  • javascript基础
  • 佛山市国家税务局狮山分局简介
  • 沧州地税局领导班子
  • 贵阳北控水务电话客服电话
  • 怎么代理保险业务
  • 技术合同备案要求
  • 国家税务总局公务员招录公告
  • 长春国税局科员工资是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设