add and focus new field

by reeson46

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<form action="">
  <div id="items">
    <input class="sub0" type="text" name="subtask">
  </div>
  <input tabindex="-1" type="submit" value="submit">
</form>

JavaScript

$(document).ready(function () {
	var id = 0;
  
  $("#items").keypress(function(e) {
    if (e.which === 13)
    {		
    	if($('.sub'+id).val()){
      	e.preventDefault();
				id++;
        $('#items').append('<div><input class="sub' + id +'" type="text" name="subtask">' + 
        '<input type="button" value="delete" class="delete" /></div>');
      $('.sub'+id).focus();
      
      }
      e.preventDefault();
        
    }
    
  });


  $("body").on('click', ".delete",function(e){
    $(this).parent('div').remove();
    id--;
  })

});