JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
</ul>

JavaScript

var listOfSubjects = new Array();
listOfSubjects[0] = new Object();
listOfSubjects[0].id = 0;
listOfSubjects[0].numberOfSubjects = 10;
listOfSubjects[0].name = "Dog";
listOfSubjects[1] = new Object();
listOfSubjects[1].id = 1;
listOfSubjects[1].numberOfSubjects = 11;
listOfSubjects[1].name = "Cat";
listOfSubjects[2] = new Object();
listOfSubjects[2].id = 2;
listOfSubjects[2].numberOfSubjects = 12;
listOfSubjects[2].name = "CatDog";

window.goToResults = function(id, num, name) {
    alert("id=" + id + " num=" + num + " name=" + name);
}

for (i = 0; i < 3; i++) {
    $('ul#myList').append('<li><a href="javascript:void(goToResults(' + listOfSubjects[i].id + ',' + listOfSubjects[i].numberOfSubjects + ', \'' + listOfSubjects[i].name + '\'));"><h1>title<h1></li>');
}