JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post">
<label for="inputLabel">Number of days:</label>
<input id="inputNumber" name="inputNumber" type="number" step="1"  min="1"  max="4"/>
<input type="submit" value="Enter" />
</form>

<div id="days">
  <ul>
  </ul>
</div>

JavaScript

$('form').submit(

    function() {
      //$('#days').empty();
      var inputNumber = $('#inputNumber').val(); 
      if (inputNumber>0) 
      {
        for (i=0; i < inputNumber; i++) 
        {
            $('<div id="day'+ i +'" class="dayContent">day ' + i + ' content</div>').appendTo('#days');
            $('<li><a class="dayLink" href="#day'+ i +'">Day '+ i +'</a></li>').appendTo('#days ul');

        }
        $('div[id^="day"]').not('#days').hide();
      }
      return false;
  });

  $('#days').on('click', "a.dayLink", function(e) {
    e.preventDefault();
    var hrefValue = $( this ).attr( "href" );
    console.log( hrefValue );
    $( ".dayContent" ).hide();
    $( hrefValue ).show();
  });