My goal is to design a carousel that displays 5 different pieces of information pulled from a separate app.js file. I attempted to implement a forEach loop, but encountered issues when trying to create a second Bootstrap carousel container.
Here's the code snippet:
<div class="carousel-item active">
<div class="container">
<% burgers.forEach(function(burger) { %>
<img id="brg-image" src= "<%= burger.image %> ">
<br>
<strong><h2 id="brg-title"><%= burger.name %></h2></strong>
<div id="description"><h6><%= burger.description %></h6></div>
<% }); %>
</div>
</div>
</div>