Создание генератора случайных цитат с помощью HTML, CSS и Javascript

Здравствуйте друзья, сегодня в этом блоге вы узнаете, как создать генератор случайных цитат с помощью HTML, CSS и Javascript. В нашем предыдущем блоге мы рассмотрели, как создать генератор случайных паролей с помощью HTML, CSS и Javascript. Теперь пришло время создать генератор случайных цитат. Ранее я поделился многими проектами, связанными с javascript, вы можете проверить их, если хотите, и не забудьте проверить проекты HTML, CSS и Javascript.

Random Quote Generator используется для генерации случайных цитат. Здесь есть цитата, которая будет меняться случайным образом, кнопка и несколько иконок, как вы можете видеть на изображении выше.

Каждый раз, когда вы перезагружаете страницу или нажимаете на кнопку новой цитаты, цитата будет меняться случайным образом. Вы также можете преобразовать цитату в речь и скопировать ее. Когда вы нажмете на кнопку поделиться, откроется всплывающее окно с некоторыми иконками, и вы сможете поделиться цитатой в Twitter, Whatsapp и по почте, нажав на кнопку поделиться.

Вам может понравиться это:

  • Отзывчивый дизайн персонального портфолио
  • Как определить местоположение пользователя
  • Отзывчивый дизайн лайтбокса для изображений
  • Конвертер текста в речь

Когда цитата загрузится, будет показан прелоадер. Фон прелоадера будет размыт. Как вы можете видеть на изображении ниже.

Если вы не можете понять или чувствуете трудности с пониманием, вы можете проверить исходный код и просмотреть его.

Посетите здесь, чтобы посмотреть исходный код.

Оцените статью
Procodings.ru
Добавить комментарий