比较数组中的两个值

Question

I'm looking to compare the input of two input fields. Before that two Arrays have been created, so when the index of the array 'lenghtOfBoat' is equal or higher than the index of the array 'HKboat', it should output a text string saying something specific.

This is my current code: (I'm still new to JS, but trying my best)

var lenghtOfBoat = [4, 5, 6, 7, 8, 9];
var inputBoatLenght = document.getElementById("boatLenght");

var statusLength = inputBoatLenght.addEventListener("change", function() {
  if(lenghtOfBoat.indexOf(+this.value) > -1){
    console.log(this.value);
  }else{
    console.log(this.value);
  }
  return this.value
})


var HKboat = [4.10, 5.15, 6, 7, 8, 9];
var inputBoatHK = document.getElementById("boatHK");

var statusHK = inputBoatHK.addEventListener("change", function() {
  if(HKboat.indexOf(+this.value) > -1){
    console.log(this.value);
  }else{
    console.log(this.value);
  }
  return this.value
})


if(statusLength <= statusHK) {
    console.log("Yipsi");
}

Thanks!

Answer 1

And something like this? I don't know if it works but maybe it helps.

var lenghtOfBoat = [4, 5, 6, 7, 8, 9];
var inputBoatLenght = document.getElementById("boatLenght");

inputBoatLenght.addEventListener("change", function() {
  //Gather info and send check
  checkValues(this.value, inputBoatHK.value);
})


var HKboat = [4.10, 5.15, 6, 7, 8, 9];
var inputBoatHK = document.getElementById("boatHK");

inputBoatHK.addEventListener("change", function() {
  //Gather info and send check
  checkValues(inputBoatLenght.value, this.value);
})

function checkValues (statusLength, statusHK) {
  if(statusLength <= statusHK) {
    console.log("Yipsi");
  }
}