JSFiddle - React, Tailwind, and code Playground

HTML

<div id="shadow">
    <input type="number" min="-5" max="5" step="1" value="0" id="hshad" />
    <input type="number" min="-5" max="5" step="1" value="0" id="vshad" />
    <input type="number" min="0" max="20" step="1" value="0" id="bshad" />
    <input type="text" value="#000000" id="cshad" />
</div>

JavaScript

var value = [];
    $('div#shadow input').filter(function(index, val) {
       index != 3 ? value.push(this.value + 'px') : value.push(this.value);
    });

console.log(value.join(' '));