ajax2 이부분 질문있습니다..

      var products = [
        { id: 0, price: 70000, title: 'Blossom Dress' },
        { id: 1, price: 50000, title: 'Springfield Shirt' },
        { id: 2, price: 60000, title: 'Black Monastery' },
      ];
      products.forEach((value, index) => {
        document.querySelector('#json').addEventListener('click', () => {
          fetch('https://codingapple1.github.io/js/more1.json')
            .then((response) => response.json())
            .then((data) => {
              console.log(data[0], data[1], data[2]);
              let newTemp = `<div class="row">
              <div class="col-sm-4">
                < img src="https://via.placeholder.com/600" class="w-100" />
                <h5>${data[0]['title']}</h5>
                <p>${data[0]['price']}</p>
                </div>
                </div>`;
              document.querySelector('#contain').innerHTML = newTemp;
            });
        });
      });

반복문으로 계속 돌리고 싶은데 

값을 단 하나만 출력하고 말아버리네요...