html javascript if语句
HTML和JavaScript是构建网页和网站的重要技术，而if语句是JavaScript中用于控制程序逻辑的语句之一。下面将列举十个通过if语句实现不同功能的例子。
1. 判断用户年龄是否满足条件：
```html
<p>请输入您的年龄：</p>
<input type="text" id="ageInput">
<button onclick="checkAge()">确定</button>
<p id="ageResult"></p>
<script>
function checkAge() {
  var age = ElementById("ageInput").value;
  if (age >= 18) {
    ElementById("ageResult").innerHTML = "成年人";
  } else {
    ElementById("ageResult").innerHTML = "未成年人";
  }
}
</script>
```
2. 根据用户选择的选项显示不同的内容：
```html
<select id="colorSelect" onchange="showColor()">
  <option value="red">红</option>
  <option value="green">绿</option>
  <option value="blue">蓝</option>
</select>htmlradio的text出不来
<div id="colorResult"></div>
<script>
function showColor() {
  var color = ElementById("colorSelect").value;
  if (color == "red") {
    ElementById("colorResult").style.backgroundColor = "red";
  } else if (color == "green") {
    ElementById("colorResult").style.backgroundColor = "green";
  } else if (color == "blue") {
    ElementById("colorResult").style.backgroundColor = "blue";
  }
}
</script>
```
3. 判断用户输入的用户名和密码是否正确：
```html
<p>用户名：</p>
<input type="text" id="usernameInput">
<p>密码：</p>
<input type="password" id="passwordInput">
<button onclick="login()">登录</button>
<p id="loginResult"></p>
<script>
function login() {
  var username = ElementById("usernameInput").value;
  var password = ElementById("passwordInput").value;
  if (username == "admin" && password == "123456") {
    ElementById("loginResult").innerHTML = "登录成功";
  } else {
    ElementById("loginResult").innerHTML = "用户名或密码错误";
  }
}
</script>
```
4. 根据用户选择的城市显示对应的天气信息：
```html
<select id="citySelect" onchange="showWeather()">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>
<p id="weatherResult"></p>
<script>
function showWeather() {
  var city = ElementById("citySelect").value;
  if (city == "beijing") {
    ElementById("weatherResult").innerHTML = "北京的天气晴朗";
  } else if (city == "shanghai") {
    ElementById("weatherResult").innerHTML = "上海的天气多云";
  } else if (city == "guangzhou") {
    ElementById("weatherResult").innerHTML = "广州的天气阴天";
  }
}
</script>
```
5. 判断用户输入的字符是否为数字：
```html
<p>请输入一个字符：</p>
<input type="text" id="charInput">
<button onclick="checkNumber()">确定</button>
<p id="numberResult"></p>
<script>
function checkNumber() {

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。