Объяснение кода js

[Antonjrjr]

Ребят можете объяснить этот js code , я знаю что он делает но как он работает и почему именно так записан не врубаюсь

<script type="text/javascript">
		(function() {
  'use strict';
  var quantityInput = document.querySelector('.quantity'),
    btn = document.querySelector('.btn-generate'),
    result = document.querySelector('.inputs');
 
  btn.onclick = function() {
    var quantity = parseInt(quantityInput.value);
    if (isNaN(quantity) || quantity < 1 || quantity > 10) {
      alert('Type number from 1 to 10');
      return;
    }
 
    result.innerHTML = new Array(quantity).fill().map(function(el, i) {
      return '<input type="text" id="dyn-input-' + i + '" placeholder="' +
        'Text field number ' + (i + 1) + '"><br>';
    }).join('');
  }
})();

[Dilettante_Pro]

Antonjrjr,
А конкретно что непонятно?
Практически все по алгоритму, описанному ksa вызов js функции

[Antonjrjr]

последний обзац вообще не понятный

[Dilettante_Pro]

Antonjrjr,

последний обзац вообще не понятный

Это такой вариант цикла с использованием перебирающих методов
https://learn.javascript.ru/array-iteration
Можно было бы написать и просто в цикле for

[Antonjrjr]

а можешь написать просто в цикле for ? плз

[Dilettante_Pro]

<input type="text" class="quantity" />
<button class="btn-generate">Создать</button>
<div class="inputs"></div>
<script type="text/javascript">

  var quantityInput = document.querySelector('.quantity'),
    btn = document.querySelector('.btn-generate'),
    result = document.querySelector('.inputs');
 
  btn.onclick = function() {
    var quantity = parseInt(quantityInput.value);
    if (isNaN(quantity) || quantity < 1 || quantity > 10) {
      alert('Type number from 1 to 10');
      return;
    }
 
    result.innerHTML = "";
    for(var i = 0;i < quantity;i++) {
      result.innerHTML += '<input type="text" id="dyn-input-' + i + '" placeholder="' +
        'Text field number ' + (i + 1) + '"><br>';
    }
  }

</script>

[Antonjrjr]

Спасибо ! но вы не написали комментарии с пояснением ((

[ksa]

а можешь написать просто в цикле for ?

но вы не написали комментарии с пояснением ((

И не пошел сдавать преподу вместо тебя...

[Antonjrjr]

хорошо разберусь сам , а скажи свойство document.queryselector это из jquery ?

[ksa]

свойство document.queryselector это из jquery ?

Это не свойство... И это не из jquery...