JSFiddle - React, Tailwind, and code Playground
HTML
<form name="Test" onsubmit="return false;">
<input type="text" name="In1" value="1 23 "/>
<input type="text" name="In2" value="45 6 " />
<input type="text" name="In3" value="789 " />
<input type="text" name="In4" value="101 " />
<input type="submit" name="Enter" value="Enter" onclick="document.Test.Result.value = func()"/>
<textarea name="Result"></textarea>
</form>
CSS
input {
display: block;
}
JavaScript
function func() {
var str="";
for (var i = 0, j = document.Test.elements.length; i < j; i++)
if ( document.Test.elements[i].type == "text")
str += document.Test.elements[i].value.replace(/ $/, " ");
console.log(str);
return str;
}