JSFiddle - React, Tailwind, and code Playground

by Casiano Rodriguez-Leon

HTML

<ul id="myList">
      <li>Coffee</li>
      <li>Tea</li>
  </ul>
  <p id="demo">
      Click the button to insert an item to the list</p>
  <button id="bum">Try it</button>

JavaScript

function tutu() {
      var linode=document.createElement("LI");
      var textnode=document.createTextNode("Water");
      linode.appendChild(textnode);

      var list=document.getElementById("myList");
      list.insertBefore(linode,list.childNodes[0]);
   }

document.getElementById('bum').addEventListener('onclick', tutu, false);