Javascript 如何添加多个语句

现在我有一个表单，你可以输入并提交你的年龄，点击按钮时会显示一些文本。现在有两种不同的文本，一种是18岁以下的文本，另一种是18岁以上的文本

我要做的是为0-17，18-25，26-30等等做一个文本。但是我该怎么做呢

基本上是一种形式，无论你是否应该吸烟，你都会得到不同的结果

<input id="age" value="18" class="text-center" />
<button onclick="myFunction()" type="button"> trigger </button>    

<h1 id="dontsmoke"></h1>

<script>
    function myFunction() {
        var age, smokeable;
        age = document.getElementById("age").value;
        smokeable = (age < 18) ? "Don't smoke" : "Still, don't smoke";
        document.getElementById("dontsmoke").innerHTML = smokeable + "...";
    }
</script>

触发
函数myFunction（）{
年龄，可吸烟；
年龄=document.getElementById（“年龄”）.value；
可吸烟=（年龄<18岁）-“不要吸烟”：“仍然，不要吸烟”；
document.getElementById（“dontsmoke”）.innerHTML=smokeable+“…”；
}

只需像这样链接三元运算符：

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;
    smokeable = (age < 18) ? "A" : (age > 17 && age < 26) ? "B" : (age >25 && age < 31) ? "C" : "Outside of age range";
}

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;

    if(age < 18) {
        smokeable = "A";
    }
    else if(age > 17 && age < 26) {
        smokeable = "B";
    }
    else if(age > 25 && age < 31) {
        smokeable = "C";
    }
    else {
        smokeable = "Outside of age range";
    }
}

var age = document.getElementById("age").value;
switch (true) {
    case (age < 18):
        smokeable = "A";
        break;
    case (age < 26):
        smokeable = "B";
        break;
    case (age < 31):
        smokeable = "C";
        break;
    default:
        smokeable = "Outside of age range";
    }

---

jsFiddle使用标准的

if/else

语句方法：

---

或者您可以使用如下的

开关
语句方法：

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;
    smokeable = (age < 18) ? "A" : (age > 17 && age < 26) ? "B" : (age >25 && age < 31) ? "C" : "Outside of age range";
}

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;

    if(age < 18) {
        smokeable = "A";
    }
    else if(age > 17 && age < 26) {
        smokeable = "B";
    }
    else if(age > 25 && age < 31) {
        smokeable = "C";
    }
    else {
        smokeable = "Outside of age range";
    }
}

var age = document.getElementById("age").value;
switch (true) {
    case (age < 18):
        smokeable = "A";
        break;
    case (age < 26):
        smokeable = "B";
        break;
    case (age < 31):
        smokeable = "C";
        break;
    default:
        smokeable = "Outside of age range";
    }

var age=document.getElementById（“age”）.value；
开关（真）{
病例（年龄<18岁）：
可吸烟=“A”；
打破
病例（年龄<26岁）：
可吸烟=“B”；
打破
病例（年龄<31岁）：
可吸烟的；
打破
违约：
可吸烟=“超出年龄范围”；
}


jsiddle使用
开关
语句方法：
只需像这样链接三元运算符：

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;
    smokeable = (age < 18) ? "A" : (age > 17 && age < 26) ? "B" : (age >25 && age < 31) ? "C" : "Outside of age range";
}

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;

    if(age < 18) {
        smokeable = "A";
    }
    else if(age > 17 && age < 26) {
        smokeable = "B";
    }
    else if(age > 25 && age < 31) {
        smokeable = "C";
    }
    else {
        smokeable = "Outside of age range";
    }
}

var age = document.getElementById("age").value;
switch (true) {
    case (age < 18):
        smokeable = "A";
        break;
    case (age < 26):
        smokeable = "B";
        break;
    case (age < 31):
        smokeable = "C";
        break;
    default:
        smokeable = "Outside of age range";
    }


jsFiddle使用标准的
if/else
语句方法：


或者您可以使用如下的
开关
语句方法：

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;
    smokeable = (age < 18) ? "A" : (age > 17 && age < 26) ? "B" : (age >25 && age < 31) ? "C" : "Outside of age range";
}

function myFunction() {
    var age, smokeable;
    age = document.getElementById("age").value;

    if(age < 18) {
        smokeable = "A";
    }
    else if(age > 17 && age < 26) {
        smokeable = "B";
    }
    else if(age > 25 && age < 31) {
        smokeable = "C";
    }
    else {
        smokeable = "Outside of age range";
    }
}

var age = document.getElementById("age").value;
switch (true) {
    case (age < 18):
        smokeable = "A";
        break;
    case (age < 26):
        smokeable = "B";
        break;
    case (age < 31):
        smokeable = "C";
        break;
    default:
        smokeable = "Outside of age range";
    }

var age=document.getElementById（“age”）.value；
开关（真）{
病例（年龄<18岁）：
可吸烟=“A”；
打破
病例（年龄<26岁）：
可吸烟=“B”；
打破
病例（年龄<31岁）：
可吸烟的；
打破
违约：
可吸烟=“超出年龄范围”；
}


jsFiddle使用
开关
语句方法：
基本上，使用一个普通的
块，如果不是
块，我建议使用这种方法以提高可读性，而不是使用多个三元运算符

if (age <= 17) { 
   smokeable = "Don't smoke"; 
} else if (age >= 18 && age <=25) { 
   smokeable = "Still, don't smoke"
} else if (age >= 26 && age <=30) {
   smokeable = "Still don't smoke, but you are old enough to decide for yourself";
} else {
   smokeable = "Do whatever you want";
}

if（age=18&&age=26&&age基本上，使用一个普通的
if-else
块，为了可读性，我建议使用这种方法，而不是使用多个三元运算符

if (age <= 17) { 
   smokeable = "Don't smoke"; 
} else if (age >= 18 && age <=25) { 
   smokeable = "Still, don't smoke"
} else if (age >= 26 && age <=30) {
   smokeable = "Still don't smoke, but you are old enough to decide for yourself";
} else {
   smokeable = "Do whatever you want";
}

if（age=18&&age=26&&age而不是多个if/else或三元方程-使用开关语句，如果条件匹配，则允许一系列条件和结果操作

注意switch语句中使用了（true）——这意味着当所述条件==true时，执行该操作


函数myFunction（）{
年龄，可吸烟；
age=parseInt（document.getElementById（“age”）.value）；
开关（真）{
case age>17岁和&age>25岁和&age而不是多个if/else或三元方程-使用开关语句，该语句允许一系列条件和结果操作（如果条件匹配）

注意switch语句中使用了（true）——这意味着当所述条件==true时，执行该操作


函数myFunction（）{
年龄，可吸烟；
age=parseInt（document.getElementById（“age”）.value）；
开关（真）{
case age>17&&age 25&&age您必须删除三元语句并使用正常的
if-else
查看切换语句：您必须删除三元语句并使用正常的
if-else
查看切换语句：@GarisMSuero除了额外的“ages”键入之外，我似乎找不到您正在使用的这个bug每种方法都有一把小提琴，你可以测试随机年龄，看看18岁是否返回“超出年龄范围”无论是否在其中任何一个版本中。感谢您更新了交换机示例中的额外条件，尽管我将它们保留在那里，作为对交换机工作方式的额外强调。不管如何，我都将其更新为较短的版本。再次感谢您的提醒：）顺便说一句，我也更新了额外的“年龄”打字错误。谢谢你也提醒我。给你的答案a+1表示感谢男人：）干杯。对不起，我以为我在第二次评估中看到了一个
>18
。谢谢！@GarisMSuero除了额外的“年龄”输入错误外，我似乎找不到你所说的这个错误。每个方法都有一把小提琴，你可以测试随机年龄，看看18岁是否返回“超出年龄范围”无论是否在任何一个版本中。感谢您更新了交换机示例中的额外条件，尽管我将它们作为交换机工作原理的额外重点保留在那里。不管怎样，我都将其更新为较短的版本。再次感谢您的提醒：顺便说一句，我也更新了额外的“ages”拼写错误。也感谢您的提醒。给出了您的建议回答a+1表示感谢男士：）干杯。对不起，我以为我在第二次评估时看到了一个
>18
。谢谢！