Объяснение кода js
Ребят можете объяснить этот 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('');
}
})();
|
Antonjrjr,
А конкретно что непонятно? Практически все по алгоритму, описанному ksa http://javascript.ru/forum/dom-windo...s-funkcii.html |
последний обзац вообще не понятный
|
Antonjrjr,
Цитата:
https://learn.javascript.ru/array-iteration Можно было бы написать и просто в цикле for |
а можешь написать просто в цикле for ? плз
|
<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>
|
Спасибо ! но вы не написали комментарии с пояснением ((
|
Цитата:
Цитата:
|
хорошо разберусь сам , а скажи свойство document.queryselector это из jquery ?
|
Цитата:
|
| Часовой пояс GMT +3, время: 12:23. |