Day5if单，双，多分支语句详解及其使用案例

1.单分支
image

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>if单分支语句</title>
</head>

<body>
  <script>
    if (true) {
      console.log('小括号是true则执行大括号里的语句，为false则不执行')
    }
    if (3 > 5) {
      console.log('小括号里最终会转换成布尔值来判断')
    }
    if (3) {
      console.log('除了0，所有的字符串都为真')
    }
    if ('+3') {
      console.log('除了空字符串，其余所有字符串都为真')
    }
  </script>
</body>

</html>

练习:用户输入测试成绩，如果高于700分则通过测试

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>if单分支语句练习</title>
</head>

<body>
  <script>
    // 1.用户输入
    let score = +prompt('请输入测试成绩')
    // 2.判断
    if (score >= 700) {
      alert('恭喜通过测试')
    }
  </script>
</body>

</html>

2.双分支
image
双分支案例1：
image

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>if双分支案例练习</title>
</head>

<body>
  <script>
    // 1.用户输入
    let name = prompt('请输入用户名')
    let passWord = +prompt('请输入账户密码')
    // 2.用if语句来判断是否满足条件
    if (name === 'pink' && passWord === 123456) {
      alert('登录成功')
    } else {
      alert('登录失败')
    }
  </script>
</body>

</html>

双分支案例2：
image

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>判断年份</title>
</head>

<body>
  <script>
    // 1.用户输入
    let year = +prompt('请输入年份')
    // 2.判断年份的类别并输出结果
    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
      alert(`${year}为闰年`)
    } else {
      alert(`${year}为平年`)
    }
  </script>
</body>

</html>

3.多分支
image
练习：
image

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>多分支练习</title>
</head>

<body>
  <script>
    // 1.用户输入成绩
    // 2.判断成绩在哪个范围内并弹出
    let score = +prompt('请输入你的成绩')
    if (score > 90 && score <= 100) {
      alert('您的成绩优秀')
    } else if (score >= 70) {
      alert('良好')
    } else if (score >= 60) {
      alert('及格')
    } else if (score < 60) {
      alert('不及格')
    }
  </script>
</body>

</html>
posted @ 2026-01-01 22:15  冰涿  阅读(3)  评论(0)    收藏  举报