Данные не хранятся в переменной

Question

Я пытаюсь добавить данные в пустой var, но данные не сохраняются. При вызове hotel_list он отображается пустым. Что мне не хватает? Благодаря!

var hotelData = JSON.parse(data); 

function hotelList(){ 
    var hotel_list = ''; 
    for (i = 0; i < hotelData.length; i++) { 
     function list(index, hotel) { 
      hotel_list += '<li class="hotel" data-index="'+ index +'">'+ hotel.name +'</li>'; 
      document.getElementById("hotel-listing").innerHTML = hotel_list; 
     }; 
    }; 
}; 

document.addEventListener('DOMContentLoaded', function() { 
    hotelList(); 
}); 

Answer 1

var data = '[{"name": "h1"}, {"name": "h2"}]'; 
 
var hotelData = JSON.parse(data); 
 

 
function hotelList(){ 
 
    var hotel_list = ''; 
 
    (hotelData || []).forEach(function (hotel, index) { 
 
      hotel_list += '<li class="hotel" data-index="'+ index +'">'+ hotel.name +'</li>'; 
 
     }); 
 
    document.getElementById("hotel-listing").innerHTML = hotel_list; 
 
}; 
 

 
document.addEventListener('DOMContentLoaded', function() { 
 
    hotelList(); 
 
});

<div id="hotel-listing"></div>