JS练习题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

在JS的学习中收集一些基础练习题,发出参考交流。


提示:以下是本篇文章正文内容,下面案例可供参考

一、练习题?

## 程序题:

1. 定义多个变量并赋值自己的信息,最后在页面中打印:

我是xxx,目前住在xxx,今年xx岁了,我的邮箱是xxx.

2. 定义两个变量,操作并实现两个数据的交换打印到页面中(实现思路:使用一个临时变量用来做中间存储)

3. 定义一个常量圆周率,在从输入框中动态的输入圆的半径,计算把圆的周长和面积依次打印到页面中。

4. 用户动态的输入一个四位数的数字,分别获取其各个位数的数字之和并打印

​5. 用户输入银行卡总金额,依次输入本月花费的电费,水费,网费,最终计算并打印本月银行卡还剩下的余额。

6. 用户动态的输入一个三位数字,判断是否是水仙花,如果是则打印:xx是水仙花数,反之xx不是水仙花数。注意如果不是数字或三位数字则打印数据有误提示。length

水仙花数:就是一个三位数,各个位数的数字的三次方之和为自己本身

例如:153 = 1* 1 *1 + 5 * 5 * 5 + 3 * * 3 *3

7. 用户动态输入一个五位数字,判断是否是完数,如果是则打印:xx是完数,反之xx不是完数。注意如果不是数字或五位数字则打印数据有误提示

完数就是 个位数字和万位数字相同 十位数字和千位数字相同

8. 编写一个js程序,计算并显示某人根据下面确定的周薪:

如果工作时间小于等于40小时,那么每小时8美元;

否则,该职员在320美元基础上,对超过40小时的部分,再加上12美元每小时。

你所编写的程序应该请求输入动态的工作时间,并将得到的薪水显示出来。

9. 中英文星期转换器

提示:使用switch实现控制台输入中文的"星期一",打印英文的周一【Monday】

10. 功能描述:定义一个变量代表月份,输出对应的季节

要求:

(1)动态输入输入一个整数(代表月份,范围1-12)

(2)输出该月份对应的季节

3,4,5春季

6,7,8夏季

9,10,11秋季

12,1,2冬季

(3)注意处理数据格式错误问题

11. 定义三个数据,求最大值

12. 功能描述:模拟计算器功能,对定义的两个数据进行加、减、乘、除的运算,并打印运算结果

要求:

(1)定义三个变量,其中前两个代表参加运算的数据,

第三个整数为要进行的运算符

(2)使用今天所学知识完成功能

(3)演示格式如下:

第一个整数:30

第二个整数:40

第三个符号:+

结果: 30+40=70

二、代码

这里使用了多个按钮作为题目的触发

代码如下:

<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>Document</title>
    <script>
        
        function showdetail() {
            var name=prompt("请输入你的姓名:");
            var local=prompt("请输入你的地址:");
            var age=prompt("请输入你的年龄:");
            var email=prompt("请输入你的邮箱:");
            document.writeln("我是"+name+",目前住在"+local+",今年"+age+"岁了,我的邮箱是:"+email)
        }
        function exchange(){
            var num1=prompt("请输入一号数据:");
            var num2=prompt("请输入二号数据:");
            var tempt;
            tempt=num1;
            num1=num2;
            num2=tempt;
            document.writeln("交换后的一号元素:"+num1);
            document.writeln("交换后的二号元素:"+num2);
        }
        function square(){
            var pai=3.14
            var r=prompt("请输入圆的半径:");
            document.writeln("SQUARE:"+r*r*pai);
        }
        function counteall(){
            var num=prompt("请输入一个四位数字:");
            num=parseInt(num);
            var qian = parseInt(num % 10000 / 1000);
            var bai = parseInt(num % 1000 / 100);
            var shi = parseInt(num % 100 / 10);
            var ge = parseInt(num % 10);
            var sum = qian + bai + shi + ge;
            document.write(num + '各位相加的和为' + sum)
        }
        function cardbalance(){
            var total=prompt("请输入银行卡余额:");
            var dian=prompt("请输入本月电费:");
            var wang=prompt("请输入本月网络费:");
            var shui=prompt("请输入本月水费:");
            var balance=total-dian-wang-shui;
            document.writeln("余额:"+balance);
        }
        function IsnarcissisticNumber() {
            var num = window.prompt("请输入一个三位数字,查询是否为水仙花数:");
            var n1 = 0;//第一位数字
            var n2 = 0;//第二位数字
            var n3 = 0;//第三位数字
            var l = num.length;
            if (l != 3 || parseInt(num) != num) {
                alert("输入有误,请重新输入!");
            } else {
                num = Number(num);
                n1 = parseInt(num / 100);
                n2 = parseInt(num % 100 / 10);
                n3 = parseInt(num % 10);
                if (Math.pow(n1, 3) + Math.pow(n2, 3) + Math.pow(n3, 3) == num) {
                    alert(num + "是水仙花数");
                } else {
                    alert(num + "不是水仙花数");

                }
            }
        }
        function IsWanshu(){
            var num=parseInt(prompt("请输入一个数"));
            var sum=0;
            for(var i=1;i<=num/2;i++){
                if(num%1 == 0){
                    sum += 1;
                }
            }
            if(sum == num){
                alert(+"是完数");
            }else{
                alert(num+"不是完数");
            }
        }
        function getmoney(){
            var worktime=prompt("请输入您的工作时长:");
            var total;
            if (worktime<=40){
                total=worktime*8;
            }else{
                total=320+(worktime-40)*12;
            }
            document.writeln("您的薪水为:"+total);
        }
        function convertdata(){
            var week = Number(prompt("请输入星期:(例如输入星期一只需输入1即可)"));
            switch(week){
                case 1:
                    document.writeln("Monday");
                    break;
			    case 2:
                    document.writeln("Tuesday");
				    break;
			    case 3:
                    document.writeln("Wednesday");
				    break;
			    case 4:
                    document.writeln("Thursday");
				    break;
			    case 5:
                    document.writeln("Friday");
				    break;
			    case 6:
                    document.writeln("Saturday");
				    break;
			    case 7:
                    document.writeln("Sunday");
				    break;
			    default:
                    document.writeln("NOT FOUND 404");
				    break;
                }	 
        }
        function findseason(){
            var season = prompt('请输入你要判断的月份');
            if (season == 3 || season == 4 || season == 5) {
                document.writeln(season + '月份是春季');
            } else if (season == 6 || season == 7 || season == 8) {
                document.writeln(season + '月份是夏季');
            } else if (season == 9 || season == 10 || season == 11) {
                document.writeln(season + '月份是秋季');
            } else if (season == 12 || season == 1 || season == 2) {
                document.writeln(season + '月份是冬季');
            }
        }

        function getMax(){
            var num1 = parseFloat(prompt('输入第一个数字:'));
            var num2 = parseFloat(prompt('输入第二个数字:'));
            var num3 = parseFloat(prompt('输入第三个数字:'));
            if(num1>=num2&&num1>num3||num1>num2&&num1>=num3||num1>num2&&num1>num3){
                document.writeln("最大数为:"+num1);
            }else if(num2>=num1&&num2>num3||num2>num1&&num2>=num3||num2>num1&&num2>num3){
                document.writeln("最大数为:"+num2);
            }else if(num3>=num1&&num3>num2||num3>num1&&num3>=num2||num3>num1&&num3>num2){
                document.writeln("最大数为:"+num3);
            }else{
                document.writeln("您输入的这三个数字大小相等!")
            }
        }
        function lowComputer(){
            var x = parseFloat(prompt('输入第一个数字:'));
            var y = parseFloat(prompt('输入第二个数字:'));
            var z=Number(prompt("请输入运算符:(1:表示加法,2:表示减法,3:表示乘法,4:表示除法):"));
            switch(z){
                case 1:
                    document.writeln("运算结果:"+(x+y));
                    break;
                case 2:
                    document.writeln("运算结果:"+(x-y));
                    break;
                case 3:
                    document.writeln("运算结果::"+(x*y));
                    break;
                case 4:
                    document.writeln("运算结果:"+(x/y));
                    break;
                default:
                    document.writeln("没有这种运算");
                    break;
            }
        }
    </script>
</head>

    
<body>
    <!-- 定义多个变量并赋值自己的信息,最后在页面中打印:我是xxx,目前住在xxx,今年xx岁了,我的邮箱是xxx. -->
    <button id="btn01" onclick="showdetail()">录入信息</button>
    <!-- 定义两个变量,操作并实现两个数据的交换打印到页面中(实现思路:使用一个临时变量用来做中间存储) -->
    <button id="btn02" onclick="exchange()">交换信息</button>
    <!-- 定义一个常量圆周率,在从输入框中动态的输入圆的半径,计算把圆的周长和面积依次打印到页面中。 -->
    <button id="btn03" onclick="square()">计算圆的面积</button>
    <!-- 用户动态的输入一个四位数的数字,分别获取其各个位数的数字之和并打印 -->
    <button id="btn04" onclick="counteall()">四位数各位之和</button>
    <!-- 用户输入银行卡总金额,依次输入本月花费的电费,水费,网费,最终计算并打印本月银行卡还剩下的余额。 -->
    <button id="btn05" onclick="cardbalance()">缴纳水电网费</button>
    <!-- 用户动态的输入一个三位数字,判断是否是水仙花,如果是则打印:xx是水仙花数,反之xx不是水仙花数。注意如果不是数字或三位数字则打印数据有误提示。 -->
    <button id="btn06" onclick="IsnarcissisticNumber()">水仙花数判断</button>
    <!-- 用户动态输入一个五位数字,判断是否是完数,如果是则打印:xx是完数,反之xx不是完数。注意如果不是数字或五位数字则打印数据有误提示 -->
    <button id="btn07" onclick="IsWanshu()">完数判断</button>
    <!-- 编写一个js程序,计算并显示某人根据下面确定的周薪:
   	    如果工作时间小于等于40小时,那么每小时8美元;
      	否则,该职员在320美元基础上,对超过40小时的部分,再加上12美元每小时。
    你所编写的程序应该请求输入动态的工作时间,并将得到的薪水显示出来。 -->
    <button id="btn08" onclick="getmoney()">薪水计算</button>
    <!-- 提示:使用switch实现控制台输入中文的"星期一",打印英文的周一【Monday】 -->
    <button id="btn09" onclick="convertdata()">中英文星期转换器</button>
    <!-- 功能描述:定义一个变量代表月份,输出对应的季节
      要求:
   		(1)动态输入输入一个整数(代表月份,范围1-12)
   		(2)输出该月份对应的季节
   			3,4,5春季
   			6,7,8夏季
   			9,10,11秋季
   			12,1,2冬季
   		(3)注意处理数据格式错误问题 -->
    <button id="btn10" onclick="findseason()">季节锁定器</button>
    <!-- 定义三个数据,求最大值 -->
    <button id="btn11" onclick="getMax()">寻找最大值</button>
    <!-- 功能描述:模拟计算器功能,对定义的两个数据进行加、减、乘、除的运算,并打印运算结果
        要求:
    		(1)定义三个变量,其中前两个代表参加运算的数据,
    			第三个整数为要进行的运算符
    		(2)使用今天所学知识完成功能
    		(3)演示格式如下:
    			第一个整数:30
    			第二个整数:40
    			第三个符号:+
    			结果: 30+40=70 -->
    <button id="btn11" onclick="lowComputer()">Low计算机</button>
    
</body>

</html>


总结

题目难度整体比较简单,有更好的方法欢迎大家可以指出!


版权声明:本文为Rumosss原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。