JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="test()">
    <input type="text" id="line0"></input>
    <br>
    <input type="text" id='line1'></input>
    <br>
    <input type="text" id='line2'></input>
</body>

JavaScript

function test() {
    var value = "test|some|thing";
    var lineNumber = 0;
    var valueArray = value.split("|");
    for (lineNumber; lineNumber < valueArray.size(); lineNumber++) {
        line = "line" + lineNumber;
        var currentLine = valueArray[lineNumber];
        document.getElementById(line).value = currentLine;
    }
}