forEach , Map, For dalam javascript

 1. for javascript

<script>

  fetch('http://api.rifhandi.com/kuliner/product.php')

  .then(response => response.json())

  .then(data => {

                      let output = '<h2>Lists of Produk</h2>';

                        output += '<ul>';

                          for(let i=0 ; i < data.length; i++){

                            output += `<li> ${data[i].title}</li>`;

                          }

                        output += '</ul>';

              document.getElementById("response").innerHTML = output;

  });

</script>

<div id="response"></div>

2.  map javascript

<script>

  fetch('http://api.rifhandi.com/kuliner/product.php')

  .then(response => response.json())

  .then(data => {

                      let output = '<h2>Lists of Produk</h2>';

                        output += '<ul>';

                          data.map(function(item, index){

                            output += `<li> ${item.title}</li>`;

                          });

                        output += '</ul>';

              document.getElementById("response").innerHTML = output;

  });

</script>

<div id="response"></div> 

3. forEach Javascript

<script>

  fetch('http://api.rifhandi.com/kuliner/product.php')

  .then(response => response.json())

  .then(data => {

                      let output = '<h2>Lists of Produk</h2>';

                        output += '<ul>';

                          data.forEach(function(item, index){

                            output += `<li> ${item.title}</li>`;

                          });

                        output += '</ul>';

              document.getElementById("response").innerHTML = output;

  });

</script>

<div id="response"></div>