<script>
        document.getElementById("demo").innerHTML = "My First JavaScript";
        function myFnc(x)
        {
            if(x=='Tiger')
                document.getElementById('imgDiv').innerHTML='Img1';
            else if(x=='Bull')
                document.getElementById('imgDiv').innerHTML='Img3';
        }
        function myFunc2(x)
        {
            if(x == 'Hammer')
                document.getElementById('imgDiv').innerHTML='Img2';
        }
    </script>

    <article>
        <ul style="list-style-type:none">
            <li><a href="#Tiger" onclick="myFnc('Tiger')">Tiger</a></li>
            <li><a href="#Hammerhead" onclick="myFunc2('Hammer')">Hammerhead</a></li>
            <li><a href="#Bull" onclick="myFnc('Bull')">Bull</a></li>
            <li><a href="#Great White">Great White</a></li>
            <li><a href="#Mako">Mako</a></li>
            <li><a href="#Greenland">Greenland</a></li>
            <li><a href="#Whale">Whale</a></li>
            <li><a href="#Thresher">Thresher</a></li>
            <li><a href="#Oceanic">Oceanic WhiteTip</a></li>
            <li><a href="#Goblin">Goblin</a></li>
        </ul>
    </article>


    <div class="box">
        <form role="form" class="form-horizontal" method="POST" action="get_data.php">
            <button id="Submit" type="submit" name="dangerzone" class="btn btn-default">DangerZone</button>
        </form>
    </div>


    <div class="hold">
        <div id="imgDiv"></div>
    </div>