index.html

<!DOCTYPE html>
<html>
    <head>
        <script src="script.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div class="top">
        <h1>Whole new world!</h1>
        <img class="topimage" src="download.jpg" alt="JSimage">
    </div>
    <div class="container">
        <h2>The wonders of javascript</h2>
        <div class = "bar"></div>
        
        <div class="flext">
            <div class="side" >
                <ul>
					<li><a href="blog.html" tabindex="1">Show Blog</a></li>
                    <li><a onclick="myFunction()" tabindex="1">Show number</a></li>
                    <li><a onclick="redoFunc()" tabindex="1">Delete all</a></li>
                    <li><a onclick="alertJ()" tabindex="1">Alert</a></li>
                    <li><a onclick="varTest()" tabindex="1">Variable Test</a></li>
                    <li><a onclick="arrTest()" tabindex="1">Show me an array</a></li>
                    <li><a onclick="objectTest()" tabindex="1">Show me an object</a></li>
                    <li><a onclick="functionTest()" tabindex="1">Function time!</a></li>
                    <li><a id="testb1" onclick="globalTest()" tabindex="1">Click me!</a></li>
                    <li><a onclick="randomT()" tabindex="1">Generate random</a></li>
                    <li><a onclick="dateT()" tabindex="1">Show current date</a></li>
                    <li><a onclick="loopT()" tabindex="1">Show a list that is looped</a></li>
                    <li><a onclick="arrTest()" tabindex="1">Show a list with a seperator</a></li>
                    <li><a onclick="sinput()" tabindex="1">show input</a></li>
                    <li><a onclick="switchTest()" tabindex="1">Get current day</a></li>
                    <li><a onclick="inList()" tabindex="1">Show input list</a></li>
                    <li><a onclick="randomcol()" tabindex="1">Change Color</a></li>
                    <li><a onclick="drop()" tabindex="1">Drop down list</a></li>
                    <li><a onclick="animatel()" tabindex="1">Animation</a></li>
                    <li><a onclick="showmsg()" tabindex="1">Message box</a></li>
                </ul>
            </div>
            <div id="demo" class="resultc">
                <p id="show">
                    JavaScript can change HTML content.
                </p>
            </div>
        </div>
    </div>
    </body>  
</html>