lesson7.html

<!DOCTYPE html>
<html>
    <head>
        <title>Beginner JavaScript</title>
    </head>
    <body>


		<script src="allPages.js"></script>

        <style>
            h1 {
                text-align:center;
            }

            html, body {
                margin:0;
                padding:0;
            }

            p {
                margin:8px;
            }

        </style>


        <p>The first section demonstrated some basic concepts of JavaScript</p>

        <p>However JavaScript is rarely used just to pop-up little alert boxes. It is used to dynamically create content, respond to user interaction, order lists, and more.</p>

        <p>For example, <a href="https://rivers.run" target="_blank">rivers.run</a> is a website that uses JavaScript for searching, sorting, drawing graphs, fetching the latest river heights, expanding the drop-downs when users click, and caching itself for offline use. </p>

        <p>The next section will teach you how to use JavaScript to create HTML elements, delete HTML elements, style HTML elements, and modify the content of HTML elements - All using JavaScript</p>


         <div style="text-align:center;">

            <button style="display:inline-block;margin:auto;padding:6px;background-color:lightsalmon;"onclick="window.location = self.previousLesson">Go Back</button>

            <button style="display:inline-block;margin:auto;padding:6px;background-color:lightgreen;"onclick="window.location = self.nextLesson">Continue</button>

        </div>


        <style>


            html, body {
                width:100%;
                height:100%;
            }


        </style>
    </body>
</html>