&lt;!doctype html&gt;
&lt;!--Author: Morrison--&gt;

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;popups&lt;/title&gt;
&lt;link rel="stylesheet" href="better.css"/&gt;
&lt;script src="better.js"&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h2&gt;Popup Demonstration&lt;/h2&gt;

&lt;p&gt;Notice this.  If you use one type of quote outside
of a string, the other type becomes an ordinary characters
inside of that string.  This is demonstrated here. &lt;/p&gt;

&lt;p&gt;This is not the preferred way of doing things but you will
see it in OPC.  &lt;/p&gt;

&lt;p&gt;We will learn how to separate JS, CSS and HTML and we will try
to keep that separation as strict as possible.&lt;/p&gt;


&lt;p&gt;&lt;button id="alertButton"&gt;Alert me!&lt;/button&gt;&lt;/p&gt;

&lt;p&gt;&lt;button id="confirmButton"&gt;Make a choice!&lt;/button&gt;&lt;/p&gt;

&lt;p&gt;&lt;button id = "promptButton"&gt;Tell your age!&lt;/button&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;