仅用一个文本框获取四个值并将它们打印在不同的行上

问题描述

如何仅使用一个文本框从用户那里获取四个值并将这四个值打印在不同的行上？

function getData(){
    var x,i;
    var text=" ";
    for(i=0;i<=3;i++)
    {
        text=document.getElementById("inp").value;
    }
    document.getElementById("valu").innerHTML=text;
    
}

解决方法

如何仅使用一个文本框从用户那里获取四个值...

如果您绝对必须只使用一个文本框，您有两种选择：

1. 让用户一次输入一个值，然后按一个按钮（或类似按钮）告诉您他们已完成该值的输入。然后您将存储该值并清除该框，以便他们可以键入下一个。当他们给了你四个时，你工作了吗。

2. 让他们输入带有某种分隔符（空格、逗号等）的值，然后拆分您从该分隔符上的框中获得的文本。

...并在不同的行上打印这四个值？

将文本放入四个空白元素（与您在问题代码中将文本放入一个元素的方式相同，但我会使用 textContent，而不是 innerHTML） ，或动态添加它们（参见 createElement、appendChild 和 similar）。