@kamisarlapsha

Как случайным образом добавлять элементы?

Привет! Необходимо случайным образом добавлять 3 (#banner-0, #banner-1, #banner-2) элемента после 30-го, 60-го и 90-го <div>.

Вот такая структура должна получиться
<div class="products--grid">
     <div class="product-layout"></div>
     <div class="product-layout"></div>
     <div class="product-layout"><!-- К примеру это 30-й product-layout --></div>
<div id="banner-0"></div>
     <div class="product-layout"></div>
     <div class="product-layout"><!-- К примеру это 60-й product-layout --></div>
<div id="banner-2"></div>
     <div class="product-layout"></div>
     <div class="product-layout"><!-- К примеру это 90-й product-layout--></div>
<div id="banner-1"></div>
     <div class="product-layout"></div>
     <div class="product-layout"></div>
     <div class="product-layout"></div>
</div>


Заранее спасибо!
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
  1. :nth-child() Selector
  2. .after()

Выбрать 30-й, вставить после него. Аналогично с остальными.

Чтобы порядок был случайным, положить имеющиеся в массив const arr = ['banner-0', 'banner-1', 'banner-2']
При вставке из массива вынимать arr.splice() из случайного индекса Math.floor( Math.random( arr.length)))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы