mood7.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mood</title>
    <link rel="stylesheet" href="mood.css">
    <script type="text/javascript">
        function myfunction()
        {
            var links =["https://www.youtube.com/watch?v=MEg-oqI9qmw", "https://www.youtube.com/watch?v=LufRe4rKPzY", "https://www.youtube.com/watch?v=hT_nvWreIhg", "https://www.youtube.com/watch?v=ZtpTOTi2jqo", "https://www.youtube.com/watch?v=l-A43Av9ICo"];
            var random = Math.floor(Math.random() * 5);
            var mylink = links[random].trim();
            var element = document.getElementById("link");
            element.innerHTML = "<a href = '"+mylink+"' target='_blank'>Click Here</a>";
        }
    </script>
</head>
<body onload="myfunction()">
    <nav class="navbar">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="mood.html">Mood</a></li>
            <li><a href="help.html">Proffesional help</a></li>
            <li id="feedback"><a href="feedback.html">Feedback</a></li>
        </ul>
    </nav>
    <section class="content">        
        <div class="moodbox" id="dull">
            <h1>Here are some tips that will help you enjoy your mood:</h1>
            <ul style="text-align: left;">
                <h3>
                    <li>You will never plough a field if you only turn it over in your mind</li>
                    <li>Motivation is a fire from within. If someone else tries to light that fire under you, chances are it will burn very briefly</li>
                    <li>If I had eight hours to chop down a tree, I’d spend six hours sharpening my axe.</li>
                    <li>It is not a daily increase, but a daily decrease. Hack away at the inessentials.</li>
                    <li>I am not a product of my circumstances. I am a product of my decisions.</li>
                    <li>Think of many things; do one.</li>                    
            </h3>
            </ul>
        </div>
        <div class="moodbox" style="text-align: center;">
            <h3>Here is a link which would hep you enhance your mood:<br></h3>
            <span style="cursor: pointer;"><span id="link">Click Here</span></span>
        </div>
    </section>
</body>
</html>