Saturday, September 17, 2022

JavaScript Crash Course Code


<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    Mr. Brautigam
    JavaScript Crash Course
    -->
    <meta charset='utf-8' />
    <title>JavaScript Crash Course</title>
    <style>
    
        body { background-color: #438; 
            font-family: Courier, monospace;
        }
        h1 { text-align: center; color: lavender; 
            font-size: 1.75em;
        }
        div#console {
            background-color: lavender;
            padding: 0.5em;
            min-height: 10em;
            width: 75%;
            max-width: 1000px;
            margin: 1em auto;
            white-space: pre;
        }

    </style>
    <script>
        // do not change anything here
        function print (s) {
            document.getElementById("console").innerHTML += s;
        }
        
        function println (s) {
            if (typeof s !== 'undefined') {
                print (s)
            } 
            print ("\n");
        }
    </script>
</head>

<body>
    <h1>JavaScript Crash Course</h1>
    
    <div id='console'></div>

    <script type='text/javascript'>
    // your scripts will go here

        println ('This is the first line');

    </script>
</body>
</html>