新手小白练习js的第四天

无敌暴暴龙（超级无敌版）

于 2023-12-05 10:27:45 发布

阅读量759

点赞数 15

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_52692705/article/details/134796016

版权

1.写一个打招呼的函数 hi~

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function hi() {
        alert("hi~");
      }
      hi();
    </script>
  </body>
</html>

2.把99乘法表封装到函数里面，重复调用3次

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function multiplication() {
        for (let i = 1; i <= 9; i++) {
          for (let j = 1; j <= i; j++) {
            document.write(`${j}×${i}=${j * i} `);
          }
          document.write(`</br>`);
        }
      }
      for (let i = 1; i <= 3; i++) {
        multiplication();
      }
    </script>
  </body>
</html>

3.封装一个函数，计算两个数的和

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function getSum(x, y) {
        document.write(x + y);
      }
      let arr = [];
      arr.push(+prompt("请输入第一个数字"));
      arr.push(+prompt("请输入第二个数字"));
      getSum(arr[0], arr[1]);
    </script>
  </body>
</html>

4.封装一个函数，计算1-100之间所有数的和

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function getSum() {
        let sum = 0;
        for (let i = 1; i <= 100; i++) {
          sum += i;
        }
        document.write(sum);
      }
      getSum();
    </script>
  </body>
</html>

5.学生的分数是一个数组,计算每个学生的总分(函数做传递过去的参数是一个数组，函数内部遍历数组求和)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function getSum(arr = []) {
        sum = 0;
        for (i = 1; i <= arr.length; i++) {
          sum += arr[i - 1];
        }
        document.write(sum);
      }
      getSum([5, 8, 2]);
    </script>
  </body>
</html>

6.求任意数组中的最大值并返回这个最大值

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function getMax(arr = []) {
        max = 0;
        for (i = 1; i <= arr.length; i++) {
          if (arr[i - 1] < arr[i]) {
            max = arr[i];
          }
        }
        return max;
      }
      let max1 = getMax([5, 8]);
      document.write(max1);
    </script>
  </body>
</html>

7.求任意数组中的最小值并返回这个最小值

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function getMin(arr = []) {
        min = 0;
        for (i = 1; i <= arr.length; i++) {
          if (arr[i - 1] < arr[i]) {
            min = arr[i - 1];
          }
        }
        return min;
      }
      let min1 = getMin([5, 8]);
      document.write(min1);
    </script>
  </body>
</html>

8.以下结果是多少

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function f1() {
        let num = 123;
        function f2() {
          console.log(num);
        }
        f2();
      }
      let num = 456;
      f1();//123
    </script>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function f1() {
        let num = 123;
        function f2() {
          let num = 0;
          console.log(num);
        }
        f2();
      }
      let num = 456;
      f1(); //0
    </script>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let a = 1;
      function fn1() {
        let a = 2;
        let b = "22";
        fn2();
        function fn2() {
          let a = 3;
          fn3();
          function fn3() {
            let a = 4;
            console.log("a", a); //4
            console.log("b", b); //22
          }
        }
      }
      fn1();
    </script>
  </body>
</html>

8.用户输入秒数，可以自动转换为时分秒

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let second = +prompt("请输入总的秒数");
      function getTime(time) {
        let h = parseInt((time / 60 / 60) % 24);
        let m = parseInt((time / 60) % 60);
        let s = parseInt(time % 60);
        h = h < 10 ? "0" + h : h;
        m = m < 10 ? "0" + m : m;
        s = s < 10 ? "0" + s : s;
        return `转换之后是${h}时${m}分${s}秒`;
      }
      document.write(getTime(second));
    </script>
  </body>
</html>