/web/ач мёртв, спрошу здесь.JSбоги, как с помощью JS создать нужное количество элементов с их нумерацией? Например я пишу var x = 10;, а скрипт создаёт мне например div блоки с нумерацией, пример<div id="block1">Блок 1</div><div id="block2">Блок 2</div><div id="block3">Блок 3</div>и тд.
>>161247752 (OP)http://api.jquery.com/append/
>>161247752 (OP)изи жедопустим на jQueryfunction createBlocks(number, placeSelector){ for (i = 0; i <= number; i++) { $( '<div id="block' + i + '">Блок ' + i + '</div>' ).appendTo( placeSelector); }}ну как ты понял, placeSelector - селектор, куда добавлять, number - количествоно вообще вариантов дохуя, на чистом JS ща впадлу тебе писать
https://learn.javascript.ru/modifying-documentбез JQuery
bump
>>161248169Чёбляахуеть
Спасибо, но мне нужно без JQ.>>161248179Спасибо почитаю.>>161248169Ну давай попробуем без JQ на твоём примере, я начну, на примере списка.Хотим получить<ul><li class="style1">Значение 1</li> ...<li class="style10">Значение 10</li></ul>СкриптДобавил картинкой, так как макаба не пропускает.Года 2-3 не пользовался JS, пиздец, в голове просто каша, понимаю что неправильно, но думаю с вашей помощью вспомню и снова начну понимать.
а почему без jquery??
>>161250520Ну в jsbin проверь, сюда-то зачем постить.
>>161247752 (OP)Без всяких ДЖЕЙКВЕРИ
>>161250689Люблю чистый JS, аж шишка стоит.я понимаю что это легчайшая задача, и она легко воплощается без костылей, просто не помню, а заново пересматривать уроки по JS, надолго отодвинут задуманное
>>161250689Потому что нужно уметь писать на js без JQuery, очевидно же.
>>161250930ну ты пиздец.
>>161250969помоему уметь писать с jQuery нужно больше)
>>161251152Помоему, нужно сначала понять, как работает язык, а потом уже разбираться, как работают библиотеки, написанные на этом языке))))
>>161250925А зачем Array? А можно без него?
>>161251234Можно, это ж пример. Можно запихнуть твои дивы в родительский див.
>>161247752 (OP)Как пример:const el = document.querySelector('.app');const divs = [];for (let i = 1; i <= 10; i++) { divs.push(`<div id="block${i}">Блок ${i}</div>`);}el.innerHTML = divs.join('');
>>161250520нутк а хули пробовать, бери да исполняй этот кодон готов или почти готов, ты молодецмне просто лень если честно(
>>161251516А потом:>пачиму сайт медленно работает????Потому что сначала циклом заполняем массив, а потом еще и джойним все его элементы в одну строку.
>>161251716никто никогда не заметит тормозов при джойне 10 элементов, ты в принципе не понимаешь, где js может тормозить
>>161251905Ну да, так и программируем, только в реальном проекте не 10 элементов, а алгоритмов куда больше.
>>161251716А как нужно? Сразу в цикле формировать строку? Без массива?
>>161251436Вроде прямо то что нужно, мне в общем-то нужно сделать список, в value которого будет храниться число, ну и название элемента, чтобы понимать какое число в его value хранится, и потом уже другой скрипт будет отслеживать какой элемент выбрали и читать значение его value и применять там где я ему укажу, можно было создавать список вручную, но представь если в нём 100 значений, по этому я и подумал это нужно делать скриптом с помощью цикла, всё равно там в value только число от 1 и до требуемого числа, вот только теперь интересно, а сможет ли второй скрипт использовать такой автоматически созданный список и отслеживать то что в нём выберут, надеюсь понятно объяснил, спасибо за пример.Аноны спасибо, вроде бы то что нужно, пойду тестировать, и понимаю что всё таки придётся посмотреть уроки по JS, не подскажите хороший канал на Ютубе? Помню смотрел уроки от какой-то школы, там ещё известный хикка преподаёт, с бородой и таким голосом как у Галыгина, уверен вы его знаете, очень доходчиво объясняет, но слишком много времени нужно на просмотр его уроков, по этому и хотелось бы узнать каналы и уроки которые вы считаете достойными, и я так понял мне следует посмотреть уроки по циклам и по созданию элементов?
>>161252339То, о чем ты говоришь, называется "преждевременная оптимизация". Откуда ты знаешь, что у ОП в реальном проекте? Да даже если там 1kk записей, тормозить, вероятно, будет вставка в DOM, а не join массива, который заоптимизирован везде уже сто лет как. Я понимаю, если бы ты на медленный innerHTML еще жаловался...
>>161247752 (OP)https://jsfiddle.net/zfk9kanu/
>>161252565Нужно для чего? Тебе скорее всего нужно будет промежуточный результат хранить и с ним что-то еще делать, типа изменять, удалять элементы или добавлять их. Со строкой это не удобно, проще делать с массивом. Для 10 элементов чтобы ты не написал, ничего тормозить не будет
>>161252764Правильно, поэтому пусть сразу на говне учится, там же все "оптимизировано" давно.
>>161252742learn.javascript.ruлучший портал в рунете по js
Пацаны, что я забыл? Туплю уже пол часа, вот накидал пример https://jsfiddle.net/ppzey10o/Почему не выводит то что получилось?