title: How to change font inside a javascript code
body: <p>I am a newbie in programming. I have here my javascript code. Its working fine but I want a different style. </p>
  
  <p>this code is a random quote generator. </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;
  Daily Quotes
  &lt;/title&gt;
  &lt;/head&gt;
  &lt;h1&gt;Inspirational Quotes&lt;/h1&gt;
  &lt;body&gt;
          &lt;script language="JavaScript"&gt;
      var quoteGroups=70;
      var quoteNum;
      var theQuote=new Array();
      theQuote[0]='Whenever you see a successful business, someone once made a courageous decision. - Peter Drucker';
      theQuote[1]='If you\'re not part of the solution, you\'re part of the problem. - African Proverb';
      theQuote[2]='When you confront a problem you begin to solve it. - Rudy Giuliani';
      theQuote[3]='I dream of painting and then I paint my dream. - Vincent Van Gogh';
      theQuote[4]='Be silent or let thy words be worth more than silence. - Pythagoras';
      theQuote[5]='The past cannot be changed. The future is yet in your power. - Mary Pickford';
      theQuote[6]='Anything\'s possible if you\'ve got enough nerve. - J.K. Rowling';
  
  var quoteNum = Math.round(Math.random() * quoteGroups);
  document.write(theQuote[quoteNum]);
  &lt;/script&gt;
  &lt;div&gt;
  &lt;button style="background-color:lightgreen;width:230;height:70;border: none; font: bold 25px GreatVibes;" onclick="history.go(0)"&gt;Inspire Me More!&lt;/button&gt;
      &lt;/div&gt;
  &lt;div&gt;
  
  &lt;button style="background-color:blue;width:200;height:70" onclick=&gt;Share&lt;/button&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;img src="images/bg.jpg" id="bg" alt=""&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For example, the above code will generate random quotes. Now how do i change the font family as a result of clicking the button from this code? </p>
  
  <p>Thanks in advance.</p>