If-else选择结构

最新推荐文章于 2024-04-18 22:14:57 发布

好大一只猪struggle

最新推荐文章于 2024-04-18 22:14:57 发布

阅读量369

点赞数 1

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/m0_72206588/article/details/126168108

版权

if-else分为三种

① 单分支结构

var i = 80
// 考试分数是否及格
if(age >= 80) {
  console.log("及格")
}
cosole.log("你已及格，继续努力")

② 双分支结构

var score = 89
console.log("注意考场秩序")
if(score >= 60) {
  console.log("考核及格")
} else {
  console.log("考核不及格")
}
console.log("考核结束")

③ 多分支结构

var score2 = 100
if(score2 > 0 && score2 < 60) {
  console.log("不及格")
} else if(score2 >= 60 && score2 < 80) {
  console.log("及格")
} else if(score2 >= 80 && score2 < 90) {
  console.log("良好")
} else if(score2 >= 90 && score2 <= 100) {
  console.log("优秀")
} else {
  console.log("未显示正确的成绩")
}

拓展

基础石头剪刀布用户体验：

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

<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>
</head>

<body>
  <input type="text" id="user" placeholder="请输入您的招数（石头|剪刀|布）">
  <button id="btn">判断</button>

  <script>
    var _btn = document.getElementById("btn")

    // 1、记录用户输入
    var _user = document.getElementById("user")
    var _userChuzhao = ""
    // 添加一个输入改变事件 onchange输入框中的数据发生变化就会产生的事件
    _user.onchange = function () {
      _userChuzhao = _user.value
      // alert("用户出招：" + _userChuzhao)
    }

    _btn.onclick = function () {
      // 2、记录 程序自动生成的招数(1-石头 2-剪刀 3-布)
      // Math.random() 生成一个0~1之间的随机数
      // Math.random()*3 生成一个0~3之间的随机数
      // Math.ceil() 向上取整 0.1-> 1   2.2-> 3   1.3-> 2
      var _computer = Math.ceil(Math.random() * 3)
      var _comChuzhao = ""
      if (_computer === 1) {
        _comChuzhao = "石头"
      } else if (_computer === 2) {
        _comChuzhao = "剪刀"
      } else if (_computer === 3) {
        _comChuzhao = "布"
      }
      // alert("电脑出招：" + _comChuzhao)

      // 3、判断 谁输谁赢
      if( (_userChuzhao === "剪刀" && _comChuzhao === "布") ||
          (_userChuzhao === "石头" && _comChuzhao === "剪刀") ||
          (_userChuzhao === "布" && _comChuzhao === "石头")
        ) {
        alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +")；玩家胜出")
      } else if(_userChuzhao === _comChuzhao) {
        alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +")；平局")
      } else {
        alert("用户出招(" + _userChuzhao + "); 电脑出招(" + _comChuzhao +")；电脑胜出")
      }
    }

  </script>
</body>

</html>