JSFiddle - React, Tailwind, and code Playground

by Kolichikov

HTML

<ul id="test">
</ul>

<ul id="test2">

</ul>

JavaScript

createElement = function(value, display) {
  var element = $("<li value='" + value + "'><a href='#'>" + display + "</a></li>");
  return element;
}

createList = function() {
  var testUl = $("#test");
  testUl.append(createElement("1 A", "1 A"));
  testUl.append(createElement("2A", "2A"));
}

createElementPure = function(value, display)
{
 return "<li value='" + value + "'><a href='#'>" + display + "</a></li>";
}

createListPure = function()
{
  var ulEl = document.getElementById("test2");
  ulEl.innerHTML += createElementPure("1 A", "1 A");
  ulEl.innerHTML += createElementPure("2 A", "2 A");
}
$(document).ready(function(){createList(); createListPure();});