JSFiddle - React, Tailwind, and code Playground

by shahrukh007

HTML

<html>
 <body>
  <form onsubmit="myFunction(event);">
   <input type="text" id = "txt" required >
    <button type="submit" id="btn">Submit</button>
  </form>
  <div id = "list"></div>
  <script>
   var elements_array=[];
   var edit_type = false;
   var edit_id = "";
   function myFunction(e){
   e.preventDefault(e);
   if(!edit_type){
   var inputValue = $('#txt').val();
   $('#txt').val("");
   $('#list').html("");
    if (localStorage.getItem("key") !== null) {
    elements_array= JSON.parse(localStorage.getItem('key'));
    }
   else {
   elements_array = [];
   } 
   elements_array.push({ value : inputValue, id : elements_array.length});
   localStorage.setItem("key",JSON.stringify(elements_array));
  // console.log(elements_array);
    for(var i =0; i<elements_array.length; i++){
     $("#list").append("<p id='id_"+elements_array[i].id+"'><input  type='checkbox' class ='mycheck' onchange='check("+elements_array[i].id+",event)'/> <span id='update_"+elements_array[i].id+"'>"+elements_array[i].value+"</span><input type='button' value='Delete' id='deleteBtn_"+elements_array[i].id+"' class='btnClass' onclick='removeItem("+elements_array[i].id+","+i+",event)'/><input type='button' value='Edit'id='updateBtn_"+elements_array[i].id+"' class='btnClass' onclick='editItem("+elements_array[i].id+",event)'/></p>");
    }
  }
    else{
     var input_txt = $('#txt').val();
     $("#update_"+edit_id).text(input_txt);
     $('#txt').val("");
     edit_type=false;
     $('.mycheck').prop('checked', false);
     $('#deleteBtn_'+edit_id).css("display", "none");
     $('#updateBtn_'+edit_id).css("display", "none");
     $("#update_"+edit_id).css("text-decoration", "none");
     elements_array.splice(edit_id,1,input_txt);
     localStorage.setItem('key', JSON.stringify(elements_array));
     $("#btn").html('Submit'); 
   }
  }
   function check(id,e){
    if(e.target.checked==true){
     $('#deleteBtn_'+id).css("display", "block");
     $('#updateBtn_'+id).css("display",...