Dynamically adding input fields without JS using jQuery

Dynamically adding input fields without JS using jQuery

Hello,

sorry if this has been asked before here. I did some research and have not found the answer here.
This is my first post as well, so sorry if I cannot explain everything properply.

I am building a website (startet learning CSS, HTM and JS a month ago) that dynamically adds input fields regarding what number the user puts in.

This works fine with a JS script I have found on the web (see here  http://daviduhlmann.solutions/Testseite_VS1.0.html ). When I enter a number of sales people and run the script it adds up the fields, as expected.

Nevertheless I wounder though there might be an easier solution than this JS script.
This is what I have at the moment:  http://daviduhlmann.solutions/Testseite.html - my goal is to input number of sales people and then add HTML tags with iQuery.

I know that somethin like 

$(document).ready...
      $('#id). -> then add HTML element works, but I somehow do not get it into the right loop or something.