JSFiddle - React, Tailwind, and code Playground

by Kishore Sahasranaman

HTML

<input type="text" id="text1" name="text1" value="text1value" />
<input type="text" id="text2" name="text2" />
<input type="text" id="text3" name="text3" />
<input type="text" id="text4" name="text4" />
<pre>
    <code></code></pre>

JavaScript

function updateVal() {
    var node_list = document.getElementsByTagName('input');
    var c = 0;
    var fieldName = [];
    var fieldText = []
    var ID = [];
    for (var i = 0; i < node_list.length; i++) {
        var node = node_list[i];
        if (node.getAttribute('type') == 'text') {
            fieldName[c] = node.name;
            fieldText[c] = node.value;
            ID[c] = node.id;
            c++;
        }
    }
    var postData = {
        fieldName: fieldName,
        fieldText: fieldText,
        ID: ID
    };
    console.log(JSON.stringify(postData));
    document.getElementsByTagName("code")[0].innerHTML = JSON.stringify(postData);
}

updateVal();