contentim@yandex.ru (для рекламодателей)
Home > Статьи > Фронтенд > Вывод случайного текста из массива: нативный JS и jQuery

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

  • автор статьи
  • Опубликовано: 18.07.2019 12:05
  • Обновлено: 19.07.2019 13:52
Простое решение, как вывести случайную строку из массива на 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>