JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<div class="inputfile">
    <p>
        name <input type="text" class="name" />
    </p>
    <p>
        age <input type="text" class="age" />
    </p>
    <p>
        location <input type="text" class="location" />
    </p>
    <p>
        gender <input type="text" class="gender" />
    </p>
    <p>
        <input type="submit" value="generate" />
    </p>
    <textarea class="output" cols="30" rows="10"></textarea>
</div>

JavaScript

$(':submit').click(function(){
    var output = 'array(';
    var inputs = $('input[type=text]');
   inputs.each(function(){
        output = output +'"'+ $(this).attr('class') + '"=>"' + $(this).val() + '"';
        if (!$(this).is(inputs.eq(-1)))
            output = output +','
    });
     output = output +');'
    $('.output').val(output);
    return false;
});