title: JavaScript Only - How to change the Font Size when clicked or rollover
body: <p>This is what I'm trying to do. On my html page I have to have 4 different font sizes one that's <code>10px 20px 30px 40px</code> then reset.  </p>
  
  <p>When I click or rollover on <code>10px</code> the font size changes and displays the new size of the font in the <code>div</code> box.  </p>
  
  <p>I also have an input box so when I type in the input box and press submit it shows the text you typed in and displays it within the <code>div</code> box with the font assigned in the <code>CSS</code>.</p>