помогите доработать кодд

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

 <div>
  <input type="text" class="oneArray">
  <input type="text" class="twoArray">
  <button class ="b1">ok</button>
</div>
<div id="zv1">
  <p id-ar>1 масив: </p>
  <p id-ar1>2 масив: </p>
  <p id-ar2>3 масив: </p>
</div>

js

let inp1=document.querySelector('.oneArray');
let inp2=document.querySelector('.twoArray');
let button=document.querySelector('.b1')

button.onclick = function (){
  let str=inp1.value;
  let arr= str.split(',');

  let str1=inp2.value;
  let arr1= str1.split(',');
  console.log(arr)
  console.log(arr1)

  if (arr.length>arr1.length){
    let dvb=arr.length
    let dvm=arr1.length
  }else {dvb=arr1.length; dvm=arr.length}

let arr2=[];
for (let i=0; i<dvb; i++){
  if (arr.indexof(arr1[i])==-1) 
    arr2.push(arr1[i])
}
document.getElementById("ar").innerHTML+=arr;
document.getElementById("ar1").innerHTML+=arr1;
document.getElementById("ar2").innerHTML+=arr2;
console.log(arr2)
  }