JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<form action="" name="numbers-form">
    <input type="text" name="numbers[]" value="30" />
    <input type="text" name="numbers[]" value="40" />
</form>

JavaScript

var formArray = (function() {
    var form = document.forms['numbers-form'],
        inputName = 'numbers[]';
    return {
        getNumbers: function() {
            // NodeList to Array
            var nodesArray = Array.prototype.slice.call(form[inputName]);
            return nodesArray.map(function(input) {
                return input.value;
            });
        },
        addNumber: function(number) {
            var input = document.createElement('input');
            input.type = 'hidden';
            input.name = inputName;
            input.value = number;
            form.appendChild(input);
        },
        printNumbers: function() {
            console.log(this.getNumbers());
        }
    };
})();

formArray.printNumbers();
formArray.addNumber(50);
formArray.printNumbers();
formArray.addNumber(60);
formArray.printNumbers();