function mapAB(a, b, fn) {
var k = 0,
out = Array(a.length * b.length);
for (var i = 0; i < a.length; ++i)
for (var j = 0; j < b.length; ++j)
out[k++] = fn(a[i], b[j]);
return out;
}
function kroneckerProduct(a, b) {
return Array.isArray(a) ?
Array.isArray(b) ?
mapAB(a, b, kroneckerProduct) :
a.map(v => kroneckerProduct(v, b)) :
Array.isArray(b) ?
b.map(v => kroneckerProduct(a, v)) :
a * b;
}
function compute() {
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var text;
try {
text = JSON.stringify(kroneckerProduct(
JSON.parse(a.trim()),
JSON.parse(b.trim())
), null, 2);
} catch (err) {
text = err;
}
document.getElementById("out").innerHTML = text;
}
<input id=a value=[1,2]><br>
<input id=b value=[3,4]><br>
<input type=button value=compute onclick=compute()>
<div id=out></div>