JSFiddle - React, Tailwind, and code Playground

by fahadbillah

HTML

<input type="text" id="task_box" placeholder="Write your task here">
    <button type="button" id="add">+</button>
    
    <ol id="task_display">
        <li>No task available</li>
    </ol>

JavaScript

var taskBox = document.getElementById('task_box');
var add = document.getElementById('add');
var taskDisplay = document.getElementById('task_display');
var tasks = [];

add.onclick = function(){
    tasks.push(taskBox.innerText);
    
    if(tasks.length == 1){
       taskDisplay.innerHTML = '';
    }
    //document.write(textBox.innerText);
    
    taskDisplay.innerHTML += '<li>'+taskBox.innerText+'</li>';     
}