JSFiddle - React, Tailwind, and code Playground

by alexrom7

HTML

<input type="text">
<button>
  Add Todo
</button>

<ul>

</ul>

JavaScript

var inputEl = document.querySelector('input');
var buttonEl = document.querySelector('button');
var ulEl = document.querySelector('ul');

buttonEl.addEventListener('click',addTodo);

function addTodo(){
	var userInput = inputEl.value;
  if (userInput.trim() == ''){
  	return;
  }
	var todoLi = document.createElement('LI');
  todoLi.textContent = userInput;
  ulEl.appendChild(todoLi);
}