Случайный вывод фраз из массива

Question

Как реализовать в коде мою задумку (я просто новичок и сам не понимаю)? При загрузке страницы выбирается случайная фраза из массива и выводится на экран. Сейчас у меня есть <p class="ui_txt02">Вы сегодня лучше всех</p>. Как вместо "Вы сегодня лучше всех" скрипт выводил другую фразу (из представленных в массиве) каждый раз случайно.

Answer 1

document.queryElement() - чтобы достать из документа первый элемент который содержит указанный селектор Math.random() - для генераций рандомного числа textContent - чтобы задать текстовое содержимое элемениа

const inspirationalQuotes = [
  'Вы сегодня лучше всех.',
  'Вы должны быть таким, каким хотите увидеть мир.',
  'Кто боится страданий, тот страдает уже от своей боязни.',
  'На самом деле, жизнь проста, но мы настойчиво ее усложняем.',
  'В поисках счастья для других мы находим его для себя.',
  'Лучше умереть значимой смертью, чем жить бессмысленной жизнью.'
];

const replaceQuotes = document.querySelector('.ui_txt02');

window.onload = () => {
  // Сохранить длину массива как переменную
  let inspirationalQuotesSize = inspirationalQuotes.length;
  // Генерируем рандомное число от 0 до количество записей в массиве
  let randomQuote = Math.floor(Math.random() * inspirationalQuotesSize);
  // Добавляем фразу в нам элемент ui_txt02
  replaceQuotes.textContent = inspirationalQuotes[randomQuote];
}

body {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.ui_txt02 {
  font-size: 32px;
  padding: 64px;
}

<p class="ui_txt02"></p>

БЛОГ НА HUSL

Случайный вывод фраз из массива

Ответы (1 шт):