Как установить кнопку для выполнения цикла?

Question

Мой код начинается с первого элемента в первом массиве и перебирает второй массив.Если первый элемент в первом массиве совпадает с элементом во втором массиве, значение выводится на консоль.Таким образом, в этом фрагменте Nandos и KFC должны печатать на консоль.

Затем, как только первый элемент в первом массиве будет сопоставлен со всеми элементами во втором массиве, мы переместимся ко второму элементу в первом массиве.и сравните его со всеми элементами во втором массиве.

Я хочу выполнить цикл for после нажатия кнопки.

Я попытался сделать цикл for функцией и выполнить циклработать после нажатия кнопки, но ничего не происходит.

<button id="search">Search</button>

var restaurantsOne = ["Nandos", "King Rooster", "Chick-Fil-A", "Dominos", "KFC"];
var restaurantsTwo = ["Nandos","MacDonalds","Burger King","KFC","Pizza Hut"];

  for (var i=0; i<=restaurantsOne.length; i++) {
    for (var j=0; j<=restaurantsTwo.length; j++){
      if (restaurantsOne[i] == restaurantsTwo[j]){
        console.log(restaurantsOne[i]);
      }
    }
  }

Я бы хотел, чтобы цикл for выполнялся после нажатия кнопки

Answer 1

Вы не связали кнопку с циклом! Оберните цикл в функцию, а затем добавьте обработчик onclick для кнопки, которая ссылается на функцию цикла.

var restaurantsOne = ["Nandos", "King Rooster", "Chick-Fil-A", "Dominos", "KFC"];
var restaurantsTwo = ["Nandos","MacDonalds","Burger King","KFC","Pizza Hut"];

function compareArrays () {
  for (var i = 0; i < restaurantsOne.length; i++) {
    for (var j = 0; j < restaurantsTwo.length; j++){
      if (restaurantsOne[i] == restaurantsTwo[j]){
        console.log(restaurantsOne[i]);
      }
    }
  }
 }

<button id="search" onclick="compareArrays()">Search</button>

Также стоит упомянуть, что вы должны использовать i < restaurantsOne.length вместо i <= restaurantsOne.length, потому что индекс массива начинается с 0, а массив [array.length] фактически ссылается на несуществующий индекс.

т.

restaurantsOne.length // 5

restaurantsOne[0] // Nandos
restaurantsOne[1] // King Rooster
restaurantsOne[2] // Chick-
restaurantsOne[3] // Dominoes
restaurantsOne[4] // KFC
restaurantsOne[5] // undefined