Java Script学习之旅——第二天

最新推荐文章于 2025-02-27 22:28:06 发布

DBWFossette.

最新推荐文章于 2025-02-27 22:28:06 发布

阅读量65

点赞数

分类专栏： 2023暑期学习文章标签：学习 javascript

本文链接：https://blog.csdn.net/m0_75234128/article/details/131927770

版权

2023暑期学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文记录了一天的学习进度，主要学习了JavaScript中的if语句、while循环、switch语句以及三元运算符，并通过编写代码实现了交互式的银行操作和九九乘法表。还规划了明日的学习目标，包括继续JS学习、复习HTML和CSS，以及深入理解一道算法。

摘要由CSDN通过智能技术生成

学习主体：

1.今天主要是学习JS视频17集并练习，（补昨天未完成的7集）

2.看一道算法

学习内容：

if语句（单分支、双分支、多分支）、三元运算符
switch语句
while循环
for循环

学习的部分代码：

while循环的一个案例：

<!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 money = 100
    while (true) {
      let re = +prompt(`请选择以下操作：
                      1.取钱
                      2.存钱
                      3.总额
                      4.退出`)
      if (re === 4) {
        break
      }
      switch (re) {
        case 1:
          let qu = +prompt('请输入取钱金额')
          money = money - qu
          break
        case 2:
          let cun = +prompt('请输入存钱金额')
          money = money + cun
          break
        case 3:
          alert(`您的余额为：${money}`)
          break
      }
    }
  </script>
</body>

</html>

九九乘法表（用到了html、css,明天要复习）：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    span {
      display: inline-block;
      width: 60px;
      padding: 5px 35px;
      border: 1px solid pink;
      margin: 2px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px pink;
      background-color: pink;
    }
  </style>
</head>

<body>
  <script>
for (i = 1; i <= 9; i++) {
      for (j = 1; j <= i; j++) {
        document.write(`<span>${i}✖${j}=${i * j}</span>`)
      }
      document.write(`<br/>`)
    }
  </script>
</body>

</html>