Javascript循环案例

一、计算学生成绩

根据输入的学生人数以及每个学生的成绩计算班级成绩总分和平均分

        var num = prompt('请输入学生总人数');
        var average = 0;
        var sum = 0;
        for (var i = 1; i <= num; i++) {
            var score = prompt('请输入第' + i + '个学生的成绩:');
            //sum += score;//字符拼接,如输入两个人的成绩10和20,则位01020,平均数就是510了
            sum += parseInt(score);//在进行加运算的时候,必须要进行类型转换,prompt获取的是字符类型数据

        }
        average = sum / num;
        alert(sum);
        alert('平均成绩是:' + average);

运行结果:

如果不进行parseInt类型转换(我输入第一个人成绩10,第二个人成绩20)就会出现拼接,而使最后平均值用1020/2=510出错如下:

2.打印倒三角

        var row = prompt('请输入行数:');
        for (var i = 1; i <= row; i++) {
            var str = '';
            for (var j = i; j <= row; j++) {
                str += '⭐';
            }
            str += '\n';
            console.log(str);
        } 

运行结果:

3.打印上三角

        var row = prompt('请输入行数:');
        for (var i = 1; i <= row; i++) {
            var str = '';
            for (var j = i; j >= 1; j--) {
                str += '⭐';
            }
            str += '\n';
            console.log(str);
        } 

运行结果:

4.打印99乘法表

每一行的看成整体的一行串,\t调整距离,\n换行

            for (var i = 1; i <= 9; i++) {
            var str = '';
            for (var j = 1; j <= i; j++) {
                str += j + '*' + i + '=' + i * j + '\t';
            }
            str += '\n';
            console.log(str);//每一行的看成整体的一行串,\t调整距离,\n换行
        }

运行结果:

5.1~100累加和,跳过个位数为3的数

方法1:

var sum = 0;
for (var i = 0; i <= 100; i++) {
     if (i % 10 != 3) {
         sum += i;
     }
 }
 console.log(sum);

方法2:

var sum = 0;
for (var i = 0; i <= 100; i++) {
     if (i % 10 == 3) {
         // console.log(sum);
         continue; // 跳出本次循环到下个i++
     }
     sum += i;
 }
 console.log('总和:' + sum);

  • 15
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript是一种常用的编程语言,它可以用于实现网页动态效果、添加交互性、与服务器进行通信等。下面是一些常见的JavaScript经典案例: 1. 动态修改网页内容 使用JavaScript可以在网页加载后动态修改网页内容,比如修改标题、添加新的段落或者图片等。 2. 处理表单 JavaScript可以用来验证表单输入的内容是否符合要求,比如判断用户输入的密码是否足够复杂、电子邮件地址是否有效等。 3. 创建动态图表 使用JavaScript可以创建动态的图表,比如折线图、柱状图、饼图等,方便对数据进行可视化展示。 4. 在网页上显示时钟 使用JavaScript可以在网页上实现一个时钟,并且可以持续更新当前时间。 5. 创建滑动轮播图 使用JavaScript可以创建滑动轮播图,方便展示多张图片。 这只是JavaScript的一些基本用法,实际上JavaScript还有很多更复杂的应用场景。希望这些案例能对您有所帮助。 ### 回答2: JavaScript经典案例有很多,以下是其中几个: 1. 轮播图:轮播图是网页中常见的功能,通过JavaScript实现可以循环播放多张图片,并提供前进和后退按钮。通过修改元素的样式,控制图片的显示和隐藏,可以实现动态的切换效果。 2. 表单验证:表单验证是网页中常见的功能,通过JavaScript可以对用户输入的内容进行验证,如检查邮箱格式、密码强度等。通过正则表达式或条件判断,可以实现对用户输入的有效性判断,并提供相应的提示信息。 3. 下拉菜单:下拉菜单是网页中常用的导航方式,通过JavaScript可以实现菜单的展开和收起功能。通过给菜单添加事件监听器,当用户点击菜单时触发相应的行为,可以实现交互式的下拉菜单效果。 4. 星级评分:星级评分是常见的评价方式,通过JavaScript可以实现用户对某个内容进行星级评分。通过监听用户的鼠标移动和点击事件,可以根据用户的操作改变评分的显示效果,并将用户评分信息保存在后台。 5. 时钟倒计时:时钟倒计时是网页中常见的功能,通过JavaScript可以实现倒计时的效果,如活动截止时间倒计时、倒计时游戏等。通过获取当前时间戳和目标时间戳的差值,可以计算剩余时间并动态更新显示。 以上是JavaScript经典案例的几个例子,这些案例展示了JavaScript在网页中的丰富应用,它们可以提供更好的用户体验和交互效果。这些案例也只是冰山一角,JavaScript的应用场景还有很多,可以根据具体需求进行灵活的运用。 ### 回答3: JavaScript经典案例之一是实现一个简单的计算器。这个计算器可以接受用户的输入,并根据输入的操作符进行相应的计算并显示结果。 首先,我们需要创建一个HTML页面,包括一个显示结果的文本框以及一系列的数字和操作符按钮。接着,我们使用JavaScript来实现计算器的功能。 我们可以定义一个函数来处理用户点击按钮的事件。当用户点击数字按钮时,我们将该数字追加到结果文本框中。当用户点击操作符按钮时,我们将操作符保存起来,并清空结果文本框。 然后,我们需要定义另一个函数来处理用户点击等号按钮的事件。这个函数将根据保存的操作符,将结果文本框中的数值进行相应的计算,并将计算结果显示在结果文本框中。 最后,我们需要将这些函数与相应的按钮绑定起来。通过使用JavaScript的事件监听器,我们可以将每个按钮的点击事件与对应的处理函数相关联。 这样,我们就完成了一个简单的计算器的实现。用户可以通过点击数字按钮输入数字,通过点击操作符按钮来选择操作符,再点击等号按钮来获得计算结果。这个案例展示了如何使用JavaScript来实现一个交互性较强的功能,并对用户的输入进行处理和计算。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值