На странице есть 2 поля ввода.В оба текстовые строки вводятся серия значений, разделенных запятой. при нажатии на кнопку должно исполниться функция

На странице находится 2 поля ввода. В оба текстовые строки вводятся серия значений, разделенных запятой (значение числовые). при нажатии на кнопку должно исполниться функция. Функция формирует 2 массивы и их объединяет без повторов мой код:

var array1 = [5, 2, 1, -10, 8];
var array2 = [5, 2, 1, -9, 3, 7];

var union = function(array1, array2) {
    var array3 = [];
    var arr = array1.concat(array2);
    var len = arr.length;
    var obj = {};

    while(len--) {
        var itm = arr[len];

        if(!obj[itm]) {
            array3.unshift(itm);
            obj[itm] = true;
        }
    }

    return array3;
};

document.writeln(union(array1, array2)); // [-10,8,5,2,1,-9,3,7]

как сделать так чтобы эта функция объединяла не заданы заранее масиви.А массивы которые мы зададим в полях ввода?