0

Подскажите, пожалуйста. Нужно что бы показывало рандомный слайд. Сейчас 4 слайда и у них 4 значения свойства translate3d -1100', '-2200', '-3300', '-4400, нужно что бы записывалосбь рандомное знечение из этих 4ех.

   function arrayRandElement(arr) {
          var rand = Math.floor(Math.random() * arr.length);
          return arr[rand];
   }
   var arr = ['-1100', '-2200', '-3300', '-4400'];
   var rnd = arrayRandElement(arr);
   var trs = document.getElementsByClassName('v-slider__content');
   trs.style.transform = 'translate3d(rnd)';

Переменная rnd если вывести ее в консоль выдает правильное рандомное значение. Нужно теперь как то передать ее в css(translate3d). Консоль выдает ошибку: TypeError: trs.style is undefined

1 ответ 1

2
[...trs].forEach(item => item.style.transform = 'translate3d(' + rnd + ')');

[...trs].forEach(item => item.style.transform = `translate3d(${rnd})`;

setInterval(function() {
  var trs = document.getElementsByClassName("test");
  var arr = [11, 22, 33, 44];
  var rnd = Math.floor(Math.random() * arr.length);
  [...trs].forEach(item => {
    item.style.transform = `translate3d(${arr[rnd]}px, 0px, 0px)`;
  });
}, 1000);
.test {
  width: 200px;
  height: 100px;
  background: lightgreen;
  border: 1px solid black;
}
<div class="test"></div>

3
  • trs.forEach is not a function и то и то
    – ilyaaa521
    23 окт 2019 в 2:21
  • @ilyaaa521 Пардон.
    – user176262
    23 окт 2019 в 2:25
  • Щас ошибок нет, но почему то не хочет работать.... Значение translate3d не меняется
    – ilyaaa521
    23 окт 2019 в 3:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.