Вывод случайного текста из массива: нативный JS и jQuery

Jul 18, 2019 in jQuery, Фронтенд

Содержание

Админу на хлеб с маслом - 50 руб.
Простое решение, как вывести случайную строку из массива на jQuery.

Решение на jQuery

$(document).ready(function() {
    var quotes = new Array(
        "foo", 
        "bar", 
        "baz", 
        "chuck",
        "www",
        "zzzz",
        "12345"
    ),
    randomize = quotes[Math.floor( Math.random() * quotes.length )];
    $('.quote_item').text( randomize );
});

Решение на нативном JS

document.addEventListener("DOMContentLoaded", function(event) { 
    var quotes = new Array(
        "foo", 
        "bar", 
        "baz", 
        "chuck",
        "www",
        "zzzz",
        "12345"
    ),
    randomize = quotes[Math.floor( Math.random() * quotes.length )];
    document.querySelector('.quote_item').innerHTML = randomize;
});

Класс вывода значения

<div class="quote_item"></div>