&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="popups.css"/&gt;
&lt;script src="popups.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 onclick="alert('You are alerted!');"&gt;Alert me!&lt;/button&gt;&lt;/p&gt;

&lt;p&gt;&lt;button onclick="confirm('Do you wanna?');"&gt;Make a choice!&lt;/button&gt;&lt;/p&gt;
&lt;p&gt;&lt;button onclick="prompt('How much is that doggie in the window?');"&gt;Make an offer!&lt;/button&gt;&lt;/p&gt;

&lt;p&gt;&lt;button onclick="let age = prompt('Enter your age:'); if(age &lt; 21){console.log('go away')};"&gt;Tell your age!&lt;/button&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;