Randomize Array Elements in Javascript Free Code

 
  <h1>Array Elements</h1>
 

  <script>
    const cars = [];
 
cars[0] = ' “ Lexus ” ';
    cars[1] = ' “ Volvo ” ';
    cars[2] = ' “ BMW ” ';
    cars[3] = ' “ Ford ” ';
    cars[4] = ' “ Chevrolet ” ';
    cars[5] = ' “ Toyota ” ';
    cars[6] = ' “ Honda ” ';
    cars[7] = ' “ Nissan ” ';
    cars[8] = ' “ Jeep ” ';
    cars[9] = ' “ Mazda ” ';
    cars[10] = ' “ Hyundai ” ';
    cars[11] = ' “ Subaru ” ';
    cars[12] = ' “ Kia ” ';
    cars[13] = ' “ Mitsubishi ” ';
    cars[14] = ' “ Suzuki ” ';
    cars[15] = ' “ Dodge ” ';
    cars[16] = ' “ Chrysler ” ';
    cars[17] = ' “ Porsche ” ';
    cars[18] = ' “ Mercedes-Benz ” ';
    cars[19] = ' “ Audi ” ';
    cars[20] = ' “ Volkswagen ” ';
    cars[21] = ' “ Lexus ” ';
    cars[22] = ' “ Acura ” ';
    cars[23] = ' “ Infiniti ” ';
    cars[24] = ' “ Cadillac ” ';


    function displayArrayElements() {
      // Shuffle the array
      const shuffledArray = shuffle(cars);

      // Create an array of li elements
      const liElements = shuffledArray.map(function(element) {
        // Create an li element
        const li = document.createElement('li');

        // Set the text content of the li element to the current element
        li.textContent = element;

        return li;
      });

      // Get the element to append the array elements to
      const element = document.getElementById('array-elements');

      // Clear the element
      element.innerHTML = '';

      // Append the li elements to the DOM
      liElements.forEach(function(li) {
        element.appendChild(li);
      });
    }

    // Shuffle function
    function shuffle(array) {
      let currentIndex = array.length;
      let temporaryValue;
      let randomIndex;

      // While there remain elements to shuffle...
      while (currentIndex !== 0) {
        // Pick a remaining element...
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        // And swap it with the current element.
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }

      return array;
    }
  </script>

<ol id="array-elements"></ol>
  <button onclick="displayArrayElements()">
    Display Array Elements
  </button>