JSFiddle - React, Tailwind, and code Playground

by Timoleon Pagounas

HTML

<input class='input' type="text" maxlength='2' />

<div class="divtoappend">

</div>

JavaScript

$(document).ready(function() {
  $(".input").keyup(function(e) {
    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
      return false;
    }
    doWork();
  });

  function doWork() {
    var number = $('.input').val();
    $('.divtoappend').html("");
    if (number) {
      for (var i = 0; i < number; i++) {
        $('.divtoappend').append("<span class='?' >Span " + i.toString() + "</span>")
      }

    }
  }
});