JSFiddle - React, Tailwind, and code Playground

HTML

<div id="el"></div>
<hr />
<div>innerHTML from el2 needs to be the same result as el</div>
<hr />
<div id="el2"></div>

JavaScript

const myArray = [
	{name: 'element1', id: 'elementid1'},
  {name: 'element2', id: 'elementid2'}
];

// bracket notation
const el = document.getElementById('el');
el.innerHTML = myArray[0]["name"];

// sting conversion
const el2 = document.getElementById('el2');
const getViaString = 'myArray[0]["name"]';
el2.innerHTML = getViaString;