JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<input type="text" id="task">
<button id="save">Add</button>

<ul id="body"></ul>

CSS

body {
    margin: 50px;
}
* {
    box-sizing: border-box;
}

JavaScript

document.querySelector('#save').addEventListener('click',function(){
	var val = document.querySelector('#task').value;
    console.log(val)
    
    var element = document.createElement('li');
    element.innerHTML = val;
    
    document.querySelector('#task').value = '';
    
})