JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div>Write the numbers to compare!</div>
<h4>List one</h4>
<div>
<input class="row_a" value="1">
<input class="row_a" value="2">
<input class="row_a" value="3">
<input class="row_a" value="4">
</div>
<h4>List two</h4>
<div>
<input class="row_b" value="3">
<input class="row_b" value="4">
<input class="row_b" value="5">
<input class="row_b" value="6">
</div>
<p class="match"></p>
<button class="action">match</button>
JavaScript
$(".action").click(function() {
var x = $(".row_a").map(function() {
return this.value;
}).get();
var y = $(".row_b").map(function() {
return this.value;
}).get();
var arrays = [
[1, 2, 3, 4],
[3, 4, 5, 6]
];
var result = arrays.shift().reduce(function(res, v) {
if (res.indexOf(v) === -1 && arrays.every(function(a) {
return a.indexOf(v) !== -1;
})) res.push(v);
return res;
}, []);
$(".match").append("<div>Numbers " + result + " match in both lists</div>");
});