JSFiddle - React, Tailwind, and code Playground
by LyndseyB
HTML
<fieldset>
<input name="passenger" value="Lyndsey">
<input name="age" value="30">
</fieldset>
<fieldset>
<input name="passenger" value="Michael">
<input name="age" value="28">
</fieldset>
JavaScript
var fieldsets = document.querySelectorAll('fieldset');
var data = [].reduce.call(fieldsets, function(accumulator, fieldset) {
var obj = {
passenger: fieldset.querySelector('[name="passenger"]').value,
age: fieldset.querySelector('[name="age"]').value
};
accumulator.push(obj);
return accumulator;
}, []);
console.log(data);