JSFiddle - React, Tailwind, and code Playground

by Ross Dederer

HTML

<ul>
  <li>Coffee</li>
  <li>Tea</li>
</ul>

<p>Click the button to change the text of the first list item (index 0).</p>

<button onclick="myFunction()">Try it</button>

CSS

div {
  width: 200px;
  padding: 25px;
  margin: 25px;

  postion: relative;
}

#c1 {
  float: left;
}

#c2 {
  float: right;
}

JavaScript 1.7

function myFunction() {
    var list = document.getElementsByTagName("UL")[0];
    list.getElementsByTagName("LI")[0].innerHTML = "Milk";
}