JSFiddle - React, Tailwind, and code Playground

HTML

<form id=todoForm>


<input type="text" id="addtext">
<button type="button" id="add">ADD TASK</button>

        </form>
        <ul id="todolist"></ul>

JavaScript

function add() {
    
var addtext = document.getElementById('addtext');
var item = addtext.value;
var text = document.createTextNode(item);
var li = document.createElement('li');

li.appendChild(text);
document.getElementById('todolist').appendChild(li);

return clear();

}



function clear() {
    document.getElementById('addtext').value = '';
}



document.getElementById('add').addEventListener('click', add);