首页 前端知识 JavaScript练习题

JavaScript练习题

2024-02-27 11:02:50 前端知识 前端哥 783 50 我要收藏

1.依次询问并获取用户的姓名、年龄、性别,收集数据后在控制台打印出来。

        let userName = prompt('请输入您的姓名:');
        let age = +prompt('请输入您的年龄:');
        let sex = prompt('请输入您的性别:');
        console.log(userName, age, sex);

2.询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁。增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能X岁”。

 let age = +prompt('请输入您的年龄:');
   alert(`据我估计,五年后,你可能${age+5}岁了`);

3.计算银行卡余额案例。
①用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。
②页面打印一个表格,计算出本月银行卡还剩下的余额。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>银行卡余额计算</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        table {
            margin: 0 auto;
            text-align: center;
            border-collapse: collapse;
        }

        table th,
        td {
            border: 1px solid #000;
            padding: 15px;
        }

        table caption {
            margin: 15px 0;
        }
    </style>
</head>
<body>
    <script>
        let total = prompt('请输入银行卡总金额:');
        let tel = prompt('请输入本月电费:');
        let inter = prompt('请输入本月网费:');
        let water = prompt('请输入本月水费:');
        let save = total - tel - inter - water;
        document.write(`
         <table>
        <caption>
            <h2>银行卡余额</h2>
        </caption>
        <tr>
            <th>总金额</th>
            <th>电费</th>
            <th>网费</th>
            <th>水费</th>
            <th>剩余金额</th>
        </tr>
        <tr>
            <td>${total}元</td>
            <td>${tel}</td>
            <td>${inter}</td>
            <td>${water}元</td>
            <td>${save}</td>
        </tr>
    </table>
        `)
    </script>
</body>

</html>

4.打印0-20之间的整数, 将每个数输出到控制台。

  let i = 1;
        while (i <= 20) {
            console.log(`${i}`);
            i++;
        }

5.计算1-1000之间的和。

   let i = 1;
   let sum = 0;
        while (i <= 1000) {
            sum = sum + i;
            i++;
        }
        console.log(sum);

6.用户输入一个数,计算 1 到这个数的和。

   let i = +prompt(`请您输入一个数字:`);
   let sum = 0;
   let j = 1;
        while (j <= i) {
            sum += j;
            j++;
        }
        document.write(`计算总和为:${sum}`);

7.用户登录验证。
要求接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。


        let msg = prompt('请输入姓名:');
        let pwd = prompt('请输入密码:');
        while (msg !== 'admin' || pwd !== '123456') {
            alert('请你先登录');
            msg = prompt('请输入姓名:');
            pwd = prompt('请输入密码:');
        }
        alert('登录成功');

8.用户输入分数,根据分数奖励不同的车( 利用多分支语句 )。

   let score = +prompt('请输入您的分数:');
        if (score > 0 && score < 60) {
            alert(`打一顿`);
        } else if (score >= 60 && score < 80) {
            alert(`奖励奥拓`);
        } else if (score >= 80 && score < 90) {
            alert(`奖励奥迪`);
        } else if (score >= 90 && score <= 100) {
            alert(`奖励法拉利`);
        } else {
            alert(`输入分数有误,请重新输入`);
        }

9.求1-100之间个位数不为3的数的累加和。

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

10.使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]。

 let arr = [5, 8, 9, 2, 1, 5];
 let sum = 0;
        for (let i = 0; i < arr.length; i++) {
            let item = arr[i];
            sum += item;
        }
        console.log(sum);

11.使用for循环 - 求出数组里大于5的和 [4, 9, 5, 20, 3, 11]。

let array = [4, 9, 5, 20, 3, 11];
let sum = 0;
        for (let i = 0; i < array.length; i++) {
            let item = array[i];    
            if (item > 5) {
                sum += item;
            }
        }
        console.log(sum);

12.使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]。

  let arr = [15, 19, 21, 33, 18, 24];
  let sum = 0;
  let average = 0;
        for (i = 0; i < arr.length; i++) {
            let temp = arr[i];
            sum += temp;
        }
        average = sum / arr.length;
        console.log(average);

13.打印数组里所有的奇数 [5, 2, 8, 10, 3, 7]。

let arr = [5, 2, 8, 10, 3, 7];
let temp = [];
        for (i = 0; i < arr.length; i++) {
            if (arr[i] % 2 !== 0) {
                temp.push(arr[i]);
            }
        }
        console.log(temp);

14.计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和。

 let arr = [2, 6, 18, 15, 40];
 let sum = 0;
 let newArr = [];
        for (let i = 0; i < arr.length; i++) {
        //判断能否被3整除 并且是偶数
            if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {
                sum += arr[i];
            }
        }
        console.log(sum);

15.计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数。

let arr = [2, 6, 18, 15, 40];
let temp = [];
        for (let i = 0; i < arr.length; i++) {
            if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {
                temp.push(arr[i]);
            }
        }
        console.log(temp.length);

16.给一个数字数组,该数组中有很多数字0,将不为0的数据存入到一个新的数组。

 let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
        //需要一个新的空数组
        let newArr = [];
        // 遍历旧数组
        for (let i = 0; i < arr.length; i++) {
            if (arr[i] !== 0) {
                // 满足条件的追加给新数组
                newArr.push(arr[i]);
            }
        }
        console.log(newArr);
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2813.html
标签
评论
发布的文章

前端大屏适配几种方案

2024-01-29 13:01:44

JQ效果—展开和收起

2024-03-13 00:03:45

JQuery事件的基本使用

2024-03-13 00:03:39

「jQuery系列」jQuery 事件

2024-03-13 00:03:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!