Javascript API работает только один раз в цикле foreach - Laravel

Question

Моя цель состоит в том, чтобы собрать данные (hash) для API из моей базы данных, после сбора мой js-файл использует эти данные для вызова API.Результат API отображается на странице blade.php.В данный момент мой API работает только для одного результата.

Файл: review.blade.php

@foreach($reviews as $review)
   <div class="container card-header">
      <h3>{{ $review->company }}</h3>
      <h5><a href="/reviews/{{ $review->id }}">{{ $review->title }}</a></h5>           
      <h5 id="source">{{ $review->hash }}</h5>                     
   </div>
   <div class="container card-body">
      <p id="content"></p>
   </div>
@endforeach

Все детали обзора из БД показаны без каких-либо проблем.

Код JS:

function display () {

      // Assigning variables
      var hash = document.getElementById('source').innerHTML;

      // IPFS API
      ipfs.cat(hash, {buffer: true}, function (err, res) {
        if (err || !res) {
          return console.error('ipfs cat error', err, res)
        }

        document.getElementById('content').innerText = res.toString()
      })
    }  // function closes

    document.addEventListener('DOMContentLoaded', display())

JS запускается только один раз для одного хэша.Я не уверен, что делать.Любой совет приветствуется.