Question

用户应该在提示框中输入几个给定名称中的一个。如果他们的回答不是给定名称之一，则会告诉他们这不是有效的回复。但是，如果他们这样做，那么就告诉他们他们选择了谁。问题是，无论我输入什么内容，它都会说这是一个无效的名字。任何建议如何解决这个问题？

 <html>
<body bgcolor = "firebrick">
    <title>Dinner Plans</title>
    <center><h1><b> Dinner Plans</h1>
        <p> Guests to Pick From:</p></b>
        <p> Jane, Lisa, Taylor, Chris, Alyssa, Will and Jessica </p>
       <button onclick="Invites()">Click To Invite</button>
  <div id = "Coming"></div>
<script>
function Invites() {
var txt;
var person = prompt("Who is Coming For Dinner?", "Enter Names Here");
if (person == null || person != guest) {
    txt = "Not A Valid Guest.";
} 
else {
    txt = "Your Invited Guests Are:" + person;
}
document.getElementById("Coming").innerHTML = txt;
}

function guest ( slices , toppings ) {
  this.numSlices = slices;
  this.numToppings = toppings; 
}
var Jane = new guest( 2, "Mushroom", "Onions", "Peppers", "Olives");
var Lisa = new guest(3, "Pepperoni", "Ham", "Pineapple");
var Taylor = new guest(3, "Extra Cheese", "Pepperoni", "Sausage", "Bacon");
var Chris = new guest(2, "Mushroom", "Sausage", "Bacon", "Ham", "Onion", "Peppers");
var Alyssa = new guest(1, " Pepperoni", "Bacon");
var Will = new guest(2, "Extra Cheese", "Sausage", "Bacon", "Onion", "Peppers", "Olives");
var Jessica = new guest(2, "Pepperoni", "Bacon", "Ham", "Pineapple", "Onion", "Peppers");

if (Invites == null || Invites == "") {
    txt = " You invited zero guests, you have a pizza all to yourself!";
} else { 
    txt = " You Invited:" + Invites; 
}

        </script>

Answer 1

＆＃13;

<script>
function Invites() {
    var txt;
    var guestArray = [
        "Jane",
        "Lisa",
        "Taylor",
        "Chris",
        "Alyssa",
        "Will",
        "Jessica"
    ];

    var person = prompt("Who is Coming For Dinner?", "Enter Names Here");
    if (person == null || guestArray.indexOf(person) === -1) {
        txt = "Not A Valid Guest.";
    } 
    else {
        txt = "Your Invited Guests Are:" + person;
    }

    document.getElementById("Coming").innerHTML = txt;
}

function guest ( slices , toppings ) {
    this.numSlices = slices;
    this.numToppings = toppings; 
}

var Jane = new guest( 2, "Mushroom", "Onions", "Peppers", "Olives");
var Lisa = new guest(3, "Pepperoni", "Ham", "Pineapple");
var Taylor = new guest(3, "Extra Cheese", "Pepperoni", "Sausage", "Bacon");
var Chris = new guest(2, "Mushroom", "Sausage", "Bacon", "Ham", "Onion", "Peppers");
var Alyssa = new guest(1, " Pepperoni", "Bacon");
var Will = new guest(2, "Extra Cheese", "Sausage", "Bacon", "Onion", "Peppers", "Olives");
var Jessica = new guest(2, "Pepperoni", "Bacon", "Ham", "Pineapple", "Onion", "Peppers");

if (Invites == null || Invites == "") {
    txt = " You invited zero guests, you have a pizza all to yourself!";
} else { 
    txt = " You Invited:" + Invites; 
}

</script>


<title>Dinner Plans</title>
<center><h1><b> Dinner Plans</h1>
<p> Guests to Pick From:</p></b>
<p> Jane, Lisa, Taylor, Chris, Alyssa, Will and Jessica </p>
<button onclick="Invites()">Click To Invite</button>
<div id = "Coming"></div>

＆＃13;

＆＃13; 因此，您的代码存在以下问题：

guest是构造函数。不是你（客人的名字）的价值期待。
要比较提示中填写的名称，您需要有效的列表名。
为此你可以使用一组名字（这里是guestArray）。
我使用了indexOf函数，该函数可用于Array实例 JavaScript的。如果未找到匹配项，则返回-1 如果匹配则存在元素的数组或索引。

如何比较我的变量的快速响应？

1 个答案: