Javascript For Loop迭代多个输入数限制

Question

在我的javascript类的javascript作业分配上，该分配需要一个“ .js”进行循环迭代，以列出用户输入的宠物的名称（限制为3个）。有三个水平间隔的文本输入框，无论用户将宠物名称输入到哪个文本框中，提交按钮下方的“消息”（id）输出都会显示输入的宠物名称，直到用户强加限制（< = 3）。输入宠物的名字并单击提交按钮后，页面将从用户输入的最左边的文本框开始向右显示宠物的名字，直到用户选择的输入限制（<= 3）达到极限 因此，如果用户选择2作为限制，则只会在“提交”按钮下方显示输入了宠物名称的最左边的文本框。到目前为止，我已经尝试过将宠物ID和宠物名称分别称为memberid（'pet'+'cntr'），membername，并在for循环迭代中一起为它们指定成员的ID + = membered + membername;if (myNumPets == '' || myNumPets > 3) {  $('numpets_error').innerHTML = " Please enter the number of  pets you have ";  myTruth = true;} else {  if (myNumPets < '4') {    $('numpets_error').innerHTML = "";    myTruth = false;  }}if (myNumPets == 0) {  myNumPetsEntered = 0;} else {  if (myNumPets == 1) {    myNumPetsEntered = 1;  } else {    if (myNumPets == 2) {      myNumPetsEntered = 2;    } else {      if (myNumPets == 3) {        myNumPetsEntered = 3;      }    }  }}cntr = '';members = "";for (cntr = 1; cntr <= myNumPetsEntered; cntr++) {  var memberid = "pet" + cntr;  console.log("MID " + memberid);  var membername = $(memberid).value;  members += memberid + membername;}$('message').innerHTML = members;在此当前代码中，当数量限制为“ 1”时，只有第一个输入框在“提交”按钮下方的“消息”区域中显示输入的宠物的名字；但是，无论输入的宠物的名字在第一个和最左边的输入框中，还是在它右边的两个输入框中，我都希望输入的宠物的名字出现在此处，我希望同样的情况也是如此其他数量限制（2和3）中的一个。

Answer 1

在for循环中，您只是盲目地抓住了N文本输入的值，其中N = myNumPetsEntered。

如果myNumPetsEntered == 1并且您已经在第二个输入框中输入了宠物的名字，则循环将永远不会看到该值。您需要进行一些验证，以确保您实际上已经获取了一个值。

我不知道此家庭作业的参与程度，但您可能还想验证带有值的文本框的数量是否至少等于（或大于）用户所说的宠物名字的数量。要输入。

您还可以清理这些嵌套的if语句-假设您已myNumPets具备防止出现负值的逻辑，则可以使用：

if (myNumPets <= 3) {

  myNumPetsEntered = myNumPets;

}