Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.01.2017, 12:13
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

Объяснение кода 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('');
  }
})();
Ответить с цитированием
  #2 (permalink)  
Старый 13.01.2017, 12:24
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Antonjrjr,
А конкретно что непонятно?
Практически все по алгоритму, описанному ksa вызов js функции
Ответить с цитированием
  #3 (permalink)  
Старый 13.01.2017, 12:30
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

последний обзац вообще не понятный
Ответить с цитированием
  #4 (permalink)  
Старый 13.01.2017, 12:48
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Antonjrjr,
Сообщение от Antonjrjr
последний обзац вообще не понятный
Это такой вариант цикла с использованием перебирающих методов
https://learn.javascript.ru/array-iteration
Можно было бы написать и просто в цикле for
Ответить с цитированием
  #5 (permalink)  
Старый 13.01.2017, 12:52
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

а можешь написать просто в цикле for ? плз
Ответить с цитированием
  #6 (permalink)  
Старый 13.01.2017, 13:00
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<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>
Ответить с цитированием
  #7 (permalink)  
Старый 13.01.2017, 13:20
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

Спасибо ! но вы не написали комментарии с пояснением ((
Ответить с цитированием
  #8 (permalink)  
Старый 13.01.2017, 13:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,607

Сообщение от Antonjrjr
а можешь написать просто в цикле for ?
Сообщение от Antonjrjr
но вы не написали комментарии с пояснением ((
И не пошел сдавать преподу вместо тебя...
Ответить с цитированием
  #9 (permalink)  
Старый 13.01.2017, 14:17
Интересующийся
Отправить личное сообщение для Antonjrjr Посмотреть профиль Найти все сообщения от Antonjrjr
 
Регистрация: 13.01.2017
Сообщений: 29

хорошо разберусь сам , а скажи свойство document.queryselector это из jquery ?
Ответить с цитированием
  #10 (permalink)  
Старый 13.01.2017, 14:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,607

Сообщение от Antonjrjr
свойство document.queryselector это из jquery ?
Это не свойство... И это не из jquery...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вставка кода при помощи js dimon3191 Internet Explorer 1 28.09.2015 14:37
Подгрузка кода в js из другого файла candro Общие вопросы Javascript 1 04.03.2015 13:11
Тестирование JS кода d.skuratovich Библиотеки/Тулкиты/Фреймворки 1 27.02.2015 02:11
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Как с помощью JS "на-лету" менять часть HTML кода greendoc Общие вопросы Javascript 2 18.03.2008 20:43