JSFiddle - React, Tailwind, and code Playground

by Dmitri Ganenco

HTML

<ul>
    <li><img src="http://www.placehold.it/20x20" /></li>
    <li><img src="http://www.placehold.it/20x20" /></li>
    <li><img src="http://www.placehold.it/20x20" /></li>
</ul>

JavaScript

let slideImages = [
   'http://www.placehold.it/100',
   'http://www.placehold.it/101',
   'http://www.placehold.it/103',
   'http://www.placehold.it/105',
   'http://www.placehold.it/99',
   'http://www.placehold.it/98',
   'http://www.placehold.it/96',
   'http://www.placehold.it/107'
]

let totalImages = slideImages.length;
let randomNo = Math.random() * totalImages;
let imageURL = Math.floor(randomNo)
let img = slideImages[imageURL];


let options = document.querySelectorAll('li');
let random = getRandomInt(options.length);

debugger;
let target = options[random];

var fadeImagesFn = (target, img) => {
   console.log(img, target);
}

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

    fadeImagesFn(img);