Не работает for при запуске кода⁠⁠

Пишу около года программный код, сейчас начал писать приложение и возникает ошибка для значения FOR. Мне нужно. чтобы при запуске приложения были эти действия: отображение элемента вместо пустого флажка и свободного ввода текста; добавить кнопку добавления, чтобы наполнение было больше.
Я попробовал уже 100 и 1 вариант, но ошибка выдается все время, я не понимаю что исправить для корректной работы. Есть какие-то инструменты для анализа кода? Что бы была возможность сравнить код.

//Consulta a la API para obtener los tipos de recetas//Forma de atacar al servicio RESTlet xmlHttp = new XMLHttpRequest();xmlHttp.open( "GET", "http://localhost/recetarioappweb/sistema/API/ingredientes.php", false); // false for synchronous requestxmlHttp.send(null);//console.log(xmlHttp.responseText);//Convertimos en objetolet resultadoIngredientes = JSON.parse(xmlHttp.responseText);let html = "<label>Seleccione uno o varios ingredientes: </label> <br><br>";for (let i = 0; i < resultadoIngredientes.length; i++) { html += `<div class='form-check form-check-inline'> <input class='form-check-input' type='checkbox' value='${resultadoIngredientes[i].id}' id='inlineCheckbox1' name='ingredientes[]'> <label class='form-check-label' for='inlineCheckbox1'> ${resultadoIngredientes[i].nombre} </label> </div>`;}document.getElementById("ingredientes").innerHTML += html;