JavaScript第一阶段学习习题汇总

最新推荐文章于 2022-04-09 14:11:20 发布
最新推荐文章于 2022-04-09 14:11:20 发布
阅读量593 收藏 6
点赞数 1
分类专栏： 学习 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40212505/article/details/97662627
版权
1.用户从键盘输入三个整数，找出其中最大的整数，并对其输出。
 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
      <script>
        var a1,a2,a3;
        a1 = +(window.prompt("请输入第一个数"));
        a2 = +(window.prompt("请输入第二个数"));
        a3 = +(window.prompt("请输入第三个数"));
        console.log((a1>a2 ? a1 : a2) > a3 ? (a1>a2 ? a1 : a2) : a3) ;
    
      </script>
    </body>
</html>
2.“石头、剪刀、布”游戏的实现。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猜拳游戏</title>
</head>
<body>

<script>
    var player ,computer;
    computer = parseInt(Math.random()*3);
    player = parseInt(+(window.prompt("请出拳：0->石头；1->剪刀；2->布；")));
    if(player < 0 || player >2){

        player = parseInt(+(window.prompt("请重新出拳：0->石头；1->剪刀；2->布；")));

    }else{
        if((player===0 && computer===1)
            ||(player===1 && computer===2)
            ||(player===2 && computer===0)){
            alert("电脑出拳是："+computer+"  你赢了");
        }else if((player===0 && computer===2)
                ||(player===1 && computer===0)
                ||(player===2 && computer===1)){
            alert("出拳规则：0->石头；1->剪刀；2->布\n" + "电脑出拳是："+computer+"\n你出拳是："+player+"\n你输了");
        }else{
            alert("电脑出拳是："+computer+"  平局了");
        }
    }

</script>
</body>
</html>
3.打印好友列表
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>好友列表</title>
</head>
<body>

<script>
for(var i =1;i<3;i++){
    console.log("好友列表" + i);
    for(var j =1;j<6;j++){
        console.log("    好友" + j);

    }
}
</script>
</body>
</html>
4.打印99乘法表
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        span{
            display: inline-block;
            border: 1px solid #000;
            padding: 10px;
        }
    </style>
</head>
<body>

<script>
for(var i = 1;i<=9;i++){
    for(var j = 1;j<=i;j++){
        document.write("<span>"+j+"*"+i+"="+i*j+"</span>");
    }
    document.write("</br>");
}

</script>
</body>
</html>
5、遍历数组[10, 1, 19, 22, 73], 将其中的偶数找出
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
var arr1 = [1,2,3,4,5,6,7,8];
    for(var i=0;i < arr1.length;i++){
        if(arr1[i] % 2 === 0){
            console.log(arr1[i]);
        }
    }
</script>
</body>
</html>
6、求取数组中最大值与最小值及其所在位置
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    var arr = [0,1,2,3,4,5];
    var Maxval = arr[0];
    var Minval = arr[0];
    var Maxind = 0;
    var Minind = 0;
    for(var i=1;i<arr.length;i++){
        if(arr[i]>Maxval){
            Maxval = arr[i];
            Maxind = i;
        }
    if(arr[i]<Minval){
            Minval = arr[i];
            Minind = i;
        }
    }
        console.log("最大值是："+Maxval);
        console.log("最大值在第" + (Maxind+1) + "位");
        console.log("最小值是："+Minval);
        console.log("最小值在第" + (Minind+1) + "位");
</script>
</body>
</html>
7、将数组中值为0的去掉，不为0的存入一个新数组
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    var arr = [0,"刘备",0,"关羽",0,"张飞",0];
    var arr0 = [];
    for(var i=0; i<arr.length; i++){
        if(arr[i] !== 0){
            arr0[arr0.length]= arr[i];
        }
    }
console.log(arr0);
</script>
</body>
</html>
8、从键盘输入3个整数，排序后输出?

法一：

//    1.定义变量保存三个整数
    var a, b, c;
//    2.利用window.prompt接收用户输入的数据
    a =  +(window.prompt("请输入内容"));
    b =  +(window.prompt("请输入内容"));
    c =  +(window.prompt("请输入内容"));
    //     方式1 写出所有方式
    if (a >= b && b >=c) {
        console.log(a, b, c);
    }else if (a >= c && c >= b) {
        console.log(a, c, b);
    }else if (b >= a && a >= c) {
        console.log(b, a, c);
    }else if (b >= c && c >= a) {
        console.log(b, c, a);
    }else if (c >= a && a >= b) {
        console.log(c, a, b);
    }else if (c >= b && b >= a) {
        console.log(c, b, a);
}

法二：

//    1.定义变量保存三个整数
    var a, b, c;
//    2.利用window.prompt接收用户输入的数据
    a =  +(window.prompt("请输入内容"));
    b =  +(window.prompt("请输入内容"));
    c =  +(window.prompt("请输入内容"));
//     方式2 冒泡排序
    var temp;
    if (a > b) {
        temp = a;
        a = b;
        b = temp;
    }
    if (b > c) {
        temp = b;
        b = c;
        c = temp;
    }
    if ( a > b) {
        temp = a;
        a = b;
        b = temp;
    }
    console.log(a, b, c);

法三：

//    1.定义变量保存三个整数
    var a, b, c;
//    2.利用window.prompt接收用户输入的数据
    a =  +(window.prompt("请输入内容"));
    b =  +(window.prompt("请输入内容"));
    c =  +(window.prompt("请输入内容"));
//     方式3 选择排序
    var temp;
    if (a > b) {
        temp = a;
        a = b;
        b = temp;
    }
    if (a > c) {
        temp = a;
        a = c;
        c = temp;
    }
    if ( b > c) {
        temp = b;
        b = c;
        c = temp;
    }
    console.log(a, b, c);
9.要求用户输入一个分数，根据输入的分数输出对应的等级

A：90～100
B：80～89
C：70～79
D：60～69
E：0～59

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    var a = +(window.prompt("请输入你的成绩"));
switch(parseInt(a/10)){
    case 10:
    case 9:
        alert("A");
        break;
    case 8:
        alert("B");
        break;
    case 7:
        alert("C");
        break;
    case 6:
        alert("D");
        break;
    default:
        alert("E");
        break;
}
</script>
</body>
</html>
10.提示用户输入一个正整数n， 计算1 + 2 + 3 + …n的和
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    var i = 1;
    var sum = 0;
    var a = +(window.prompt("请输入"));
    while(i<=a){
    sum += i ;
    i++;
    }
    alert(sum);
</script>
</body>
</html>
11.获取1～100之间 7的倍数的个数并打印，并统计个数
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    var count = 1;
    var num = 0;
    while (count <= 100) {

        if (count % 7 == 0) {
            console.log("count = " + count);
            num++;//计数器
        }
        count++;
    }

    console.log("number = "+ num);
</script>
</body>
</html>
12.判断奇、偶数
<script>
var num = window.prompt("请输入一个数：");
if(num%2===0){
    console.log(num + "是一个偶数");
}else{
    console.log(num + "是一个奇数");
}
</script>
13.模拟写一个Math.min（x,y）函数
<script>
    var x, y;
    function min(x, y) {
        if (x > y) {
            console.log(y);
        } else {
            console.log(x);
        }
    }

    min(3, 4);
    console.log(Math.min(3, 4));
</script>
14.求Fibonacci数列（1 1 2 3 5 8 13 21…）的第n个数？
<script>
    function fbnq(i) {
        if(i===1) return 1;
        if(i===2) return 1;
        return fbnq(i-1) + fbnq(i-2);
    }

    console.log(fbnq(8));
</script>
15.求n个数的累加
<script>
    function add(i) {
        if(i===1){
            return 1;
        }else{
            return i + add(i-1)
        }
    }
    console.log(add(100));
</script>
16.从前有座山，山里有座庙, …
<script>
    function mou(i) {
        i--;
        if(i>=0){
            console.log("从前有座山，山里有座庙");
            mou(i);
        }

    }
    mou(500);
</script>
17.URL转换成对象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>

<script>
    function getUrlParams(url) {
        var index = url.indexOf('?') + 1;
        var params = url.substr(index);
        var paramsARrr = params.split('&');
        console.log(paramsARrr);
    }

    var url = 'https://www.baidu.com/s?ie=UTF-8&wd=JS%E6%AD%A3%E5';
    getUrlParams(url);
</script>
</body>
</html>
18.JS正则表达式实现表单验证
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>

</head>
<body>
<div id="box">
    <form onsubmit="return check()" action="register_success.html">
        <fieldset>
            <legend>信息注册表</legend>
            <p>
                <label>姓名：</label>
                <input type="text" id="txtname" class="txt" onblur="Name()" />
                <span id="span_name">由2~-6个汉字组成</span>
            </p>

            <hr />
        </fieldset>
    </form>
</div>
<script>
    function Name() {
        //验证姓名
        var name = document.getElementById("txtname").value; //获取你所填写的信息
        var nameReg = /^[\u4e00-\u9fa5]{2,6}$/;  //定义约束,要求输入2到6个中文
        if (!nameReg.test(name)) {   //判断
            var t = span_name.innerHTML = "请输入2~6个汉字!"; //输入不合法，则显示提示信息
            return false;
        }
        else {
            span_name.innerHTML = "格式正确"; //验证通过后提示
            return true;
        }
    }
</script>
</body>
</html>
CCYS666
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 基础语法 第一阶段
菜鸟心声：学的不仅是技术，更是梦想！
02-26 313
前端核心技术-JavaScript基础语法学习目标JavaScript引入外部样式内部引入JavaScript 语句单行注释多行注释JavaScript 变量变量创建变量赋值变量使用变量数据类型字符串数字布尔数组对象Undefined 和 NullJavaScript 运算符赋值运算符算术运算符比较运算符逻辑运算符条件运算符JavaScript 函数基础JavaScript与HTML 学习目标 掌握JavaScript基础语法的使用 掌握JavaScript注释的使用 掌握JavaScript变量的使用
JavaScript阶段练习
weixin_68946227的博客
09-26 461
1.写一段程序，计算1-100之间所有3的倍数的和 2.在页面上实现一个显示当前时间的动态时钟，效果如下 3.编写计算器，实现加、减、乘、除。
js第1章JavaScript快速入门 课后习题
WHT869706733的博客
11-25 3364
填空题 window.document.body可以简写为__document.body____。 console.log(alert('Hello'))在控制台的输出结果是__underfined____。 编辑器中“以UTF-8无BOM格式编码”中的BOM指的是__字节顺序标记____。 alert('测试'.length)的输出结果是__2____。 判断题 JavaScript是Java语言的脚本形式。（×） JavaScript中的方法名不区分大小写。（ ×） JavaScri...
JS入学考试试卷分析(填空题)
叁柒單木
09-08 1687
1、入学考试试题分析 1、JS中的数据类型有哪些?     详解：         基本数据类型：String（字符串）、Number（数值型）、Float（浮点型）、Boolean（布尔型）、null（对空）         引用数据类型：Array（数组）、Function（函数）、Object（对象） 2
for循环结果的使用。例：遍历100以内的偶数,输出所有偶数的和
weixin_51661198的博客
04-09 4350
For循环结果的使用 一、循环结构的四要素 1、初始化结构 2、循环条件 ---》是boolean类型 3、循环体 4、迭代条件 二、for循环的结构 for(1;2;4){ 3 } 执行过程： ①-②-③-④-②-③-④-②-③-④-.....-② class ForTest{ public static void main(String[] args){ for(int i = 1;i <= 5;i++){//i:1,2...
js创建数组的简单方法
热门推荐
半夏半暖半倾城的博客
06-20 2万+
1. 使用Array构造函数创建数组的创建方式-Array构造函数.pnga、var arr1 = new Array(); //创建空数组 b、var arr2 = new Array(10)； //创建一个长度为10的数组 c、var arr3 = new Array(5,4,3,2,1)； //创建数组并初始化 2. 采用...
JavaScript学习笔记（五）
qq_40212505的博客
07-21 256
3.1 数组（Array） 使用数组的原因 之前学习的数据类型，只能存储一个值（字符串为一个值）。 数组的定义及特点 数组是一种引用数据类型，属于对象。 数组的存储性能比普通对象好，开发中经常用它来存储数据 数组的创建方式 - 用Array构造函数 创建一个空数组 var arr1 = new Array; 创建一个长度为30的数组 var arr2 = new Array(30);...
《ASP动态网站开发基础教程(第4版)》答案章节练习题答案汇总.docx
最新发布
12-13
- `习题一 2.asp">...</Form>`：创建表单提交到指定的ASP页面。 - `Server.Execute request.querystring("num")`：执行请求参数“num”对应的ASP页面。 9. **字典对象**：在ASP中，可以使用字典对象（Dictionary...
《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）全书ppt课件汇总完整版电子教案
04-05
《网页设计与制作项目教程（HTML+CSS+JavaScript）》（第2版）全书ppt课件汇总完整版电子教案
JS经典正则表达式笔试题汇总
10-20
2. **search()**：搜索字符串中与正则匹配的第一个位置，返回匹配的索引，否则返回-1。 ```javascript var str = 'abcdef'; var re = /b/; console.log(str.search(re)); // 输出：1 ``` 3. **match()**：匹配...
Javascript题库附答案
06-26
有两套javascript的练习题目，附有答案，可以帮助学习
传智播客入学测试题附答案
04-18
传智播客入学测试题附答案 传智播客入学测试题
传智播客 入学考试题及个人答案（11题）
09-09
一共做了，Java部分试题前8题+javascript3题！！个人解答仅供参考！！
软件设计师-模拟题汇总.zip
10-23
本资料“软件设计师-模拟题汇总.zip”集中了多套针对软件设计师考试的模拟试题，旨在帮助备考者全面掌握相关知识，提升技能水平。 一、软件需求分析 作为软件设计师，理解需求是第一步。模拟题涵盖了如何通过与客户...
leetcode答案-data-structure-algorithm-[removed]数据结构与算法知识点汇总(javascript版
06-30
第一遍：先花5分钟，最多15分钟去思考解体思路，如有解体思路，则继续解体，如果完全没有思路，则直接看答案，并且理解和背诵解体思路。 第二遍：不管是通过自己的思路，还是通过答案得出的思路，然后在leetcode上...
JAVA——实现数组遍历符合要求的偶数
东城庞太师
11-14 4081
题目： 键盘录入一个整数，创建一个该长度的数组，为每一个元素赋值为1-10的随机整数，最后打印数组中所有值大于5且为偶数的元素. 代码如下： public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("请输入一个整数："); int n = ...
数位遍历求和
weixin_44781382的博客
03-22 336
#define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<stdlib.h> int main() { int i, n; int sum = 0; ...
python企业发放的奖金根据利润提成闽江_习题集(一)
weixin_39842955的博客
12-18 614
1. 用Python实现一个二分查找的函数。lis = [0, 1, 3, 4, 5, 6, 7, 9, 10,11,12,16,17]2. 数字1、2、3、4、5 能组成多少个互不相同且无重复的三位数3.题目：企业发放的奖金根据利润提成。利润(I) 低于或等于10万元时，奖金可提10%；拿全时10000元利润高于10万元，低于20万元时，低于10万元的部分按10%提成，高于10万元的部分，可提...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值