Brian Kidd

Web and Multimedia Developer

Learn More →
Brian Kidd

Random Quote Generator

Using vanilla JavaScript, HTML and CSS, I created a U.S. president random quote generator. At a set interval, a new famous presidenial quote will appear on the screen in random order, or you can press a button to show another quote. Each quote has additional data like source, citation and year. I also added a feature to stop quotes from automatically loading. A photo of each president the quote is attributed to is also contained in the data object and displayed on the screen along with a randomly selected photo border color.

  • JavaScript
  • HTML
  • CSS
Live DemoGitHub Repo