JSFiddle - React, Tailwind, and code Playground

by 3rror404

HTML

<div id="genre">

</div>

JavaScript

const genreArr = [
  {id: 12, name: "Adventure"},
  {id: 28, name: "Action"},
  {id: 878, name: "Science Fiction"}
];

const genre = document.getElementById('genre');

var genreNames = genreArr.map(function(item) {
  return item['name'];
});

genre.textContent = genreNames.join(' | ');