JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<ul id="myList">
</ul>
<input id="myButton" value="Click Me" type="submit" onclick="addItem();"></input>

JavaScript

function addItem()
 {
  var l = document.getElementById("myList");  
  var today = new Date();
  var day2 = new Date();
  day2.setDate(today.getDate() + 30);
  var count = 1;


    while(today.valueOf() < day2.valueOf())
           {
            if(today.getDay() == 0)
                {
            var li = document.createElement('li');
            li.setAttribute('id', ['liID' + count]);
                    var month = today.getMonth();
                    var day = today.getDate();
                    var year = today.getFullYear();
                    var theDay = month + '/' + day + '/' + year + ' (Sunday)';
            li.innerHTML = theDay;
            l.appendChild(li);

            var a = document.createElement('a');
            a.setAttribute('href', '#');
            a.innerHTML = "Remove";
            a.onclick = function(e) {
  // crossbrowser event handling
  e = e || window.event;
  var tagret = e.target || e.srcElement;
  // assuming you have appended anchor to li
  var li = tagret.parentNode;
  var ul = li.parentNode;
  ul.removeChild(li);
}

                    li.appendChild(a);
                }
            today.setDate(today.getDate() + 1)
        count++;
           }
 }