JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="listView"></div>
</body>

JavaScript

sessionStorage.eventid = 2;
		var playerList = [];

        playerList.push({
		    id: 0,
		    name: "Add New Player"
		});
		playerList.push({
		    id: 5,
		    name: "Asako"
		});
		playerList.push({
		    id: 6,
		    name: "James"
		});
		playerList.push({
		    id: 7,
		    name: "Brian"
		});
		playerList.push({
		    id: 8,
		    name: "Helmut Spargle"
		});

		function listAll() {
            
		    var element = document.getElementById("listView");
		    var div = document.createElement("div");
		    var node = "some string";
		    for (var i = 0; i < playerList.length; i++) {
		        div = document.createElement("div");
		        div.setAttribute("onClick", "formOver(" + playerList[i].id + ")");
                
                var p = document.createElement('p');
                p.innerHTML = playerList[i].name;
                
                var br = document.createElement('br');
                p.appendChild(br);
                
                var small = document.createElement('small');
                small.innerHTML = '&nbsp;';
                p.appendChild(small);

                div.appendChild(p);
                
		        element.appendChild(div);
		    }
		}
		listAll();