JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content"></div>

Babel + JSX

const entries = [
	['yes', 'ja'],
  ['no', 'nein'],
  ['perhaps', 'vielleicht']
];
const content = document.querySelector('#content');
for(let [source, target] of entries ){
 content.insertAdjacentHTML('beforeend', `<div><a id='${source}' href=''>${source}</a></div>`);
 document.getElementById(source).addEventListener('click', (event)=>{
 event.preventDefault();
 alert(target);
 })
};