Javascript 如何循环5个不同输入的输出？我想让输出循环，这样5套出来

如何循环5个不同输入的输出？我想让输出循环，这样5套出来。 这就是我尝试过的： 我试图将这一部分与其他4部分的用户输入一起循环

 <input id="myInput" type="text">
 




 <button onclick="myFunction()">See your trip</button>

 <p id="output1"></p>


 <script>
 function myFunction() {
 A = 0;
 B = 450;
 C = 590;
 D = 710;
 E = 1030;
 F = 1280;
 G = 1360;
 var startDistance;
 var inputLine = document.getElementById("myInput").value;


  for(i = 0; i < 5; i++) {

  switch(inputLine[0]) {
  case "A":
    startDistance = A;
    break;
   case "B":
    startDistance = B;
  break;

case "C":
startDistance = C;
break;

看到你的旅行了吗

函数myFunction（）{
A=0；
B=450；
C=590；
D=710；
E=1030；
F=1280；
G=1360；
var起始位；
var inputLine=document.getElementById（“myInput”）.value；
对于（i=0；i<5；i++）{
开关（输入线[0]）{
案例“A”：
startDistance=A；
打破
案例“B”：
startDistance=B；
打破
案例“C”：
startDistance=C；
打破

首先，如果您没有显示所有代码，那么您的代码似乎格式不正确，看起来就是这样

还有一个奇怪的代码片段

inputLine[0]

…是否有一个将数组作为值保存的输入

function myFunction()
{
    A = 0;
    B = 450;
    C = 590;
    D = 710;
    E = 1030;
    F = 1280;
    G = 1360;
    var startDistance;
    var inputLine = document.getElementById("myInput").value;

    for(i = 0; i < 5; i++)
    {
        switch(inputLine[0])
        {
            case "A":
                startDistance = A;
                break;
            case "B":
                startDistance = B;
                break;
            case "C":
                startDistance = C;
                break;
        }
    }
}

函数myFunction（）
{
A=0；
B=450；
C=590；
D=710；
E=1030；
F=1280；
G=1360；
var起始位；
var inputLine=document.getElementById（“myInput”）.value；
对于（i=0；i<5；i++）
{
开关（输入线[0]）
{
案例“A”：
startDistance=A；
打破
案例“B”：
startDistance=B；
打破
案例“C”：
startDistance=C；
打破
}
}
}

不管怎样，尽管如此……这段代码可以更动态地编写，其思想是为所有输入提供相同的类名，使用javascript的document.getElementsByClassName（）选择器选择这些输入，然后循环这些输入的值。例如：

函数newDistanceInput（）
{
var container=document.getElementById（“输入容器”）；
var newInput=“删除
”；
container.innerHTML+=newInput；
计算站（）；
}
函数CalculateInstance（）
{
distInputs=document.getElementsByClassName（'DistanceInput'）；
总长度=0；
对于（变量i=0；i

添加另一个距离输入

使用

+=

而不是

=

，这样你就可以附加到字符串中，而不是替换。^在循环中，不是在最后的赋值中。确定我这样做了，并生成了5个集合，这很好！但是，我希望根据用户的输入生成5个不同的集合。我如何才能做到这一点？在循环中检索用户输入，我想这样做，但我使用了我的4个输入和1个输入的switch语句直接从输入中提取。我该怎么做？@user14664932，我刚刚更新了示例代码，希望能帮助演示我的想法。有没有办法分享我的全部代码？当我尝试将所有的代码都放进去时，它不会让我这么做。当试图提供帮助的人看不到全貌。我基本上有4条switch语句，我想知道你关于document.getElementByClassName的说法是否仍然成立。谢谢你的回答。什么意思它不让你把所有内容都放进去？你可以在编辑部分创建一个可运行的片段，这对我们非常有帮助。。。我会把这些都包括在我的答案中。