Estoy tratando de mostrar mis datos json en una página HTML, pero no funcionará.

 <div id="varer"></div> <div id="myData"></div> <script> fetch('c:/Users/name/school/class/marketplace/data/products.json') .then(function (response) { return response.json(); }) .then(function (data) { appendData(data); }) .catch(function (err) { console.log('error: ' + err); }); function appendData(data) { var mainContainer = document.getElementById("myData"); for (var i = 0; i < data.length; i++) { var div = document.createElement("div"); div.innerHTML = 'Name: ' + data[i].firstName + ' ' + data[i].lastName; mainContainer.appendChild(div); } } </script>

Mi archivo JSON está en un directorio diferente al de la página HTML. Cuando ejecuto esto en la consola del navegador, dice que mi búsqueda de API no se puede cargar.