Login

***s1104874*** · (This post was last modified: 07-08-2016, 07:53 PM by s1104874.)

just put it in a code reader for the coding language HTML if you need a website here you go https://repl.it/languages/web_project to do it just click on it and a hint thing will pop up at the bottom the number of clicks is 25

Code:

    <!DOCTYPE html>

    <html>

    <head>

    <head>

    <body>

        <h1 id = "heading">Find the Treasure!</h1>

        <img id = "map" width = 400 height = 400 src =

                "https://nostarch.com/images/treasuremap.png">

        <p id = "distance"></p>

        <script src="https://code.jquery.com/jquery-2.1.0.js"></script>

        <script>

        function getRandomNumber(size)

        {

            return Math.floor(Math.random() * size);

        }

        var width = 400;

        var height = 400;

        var treasure = {x : getRandomNumber(width),

                        y : getRandomNumber(height)};

        var clicks = 0;

        var clickLimit = 25; 

        function getDistance(event, treasure)

        {

            var diffX = event.offsetX - treasure.x;

            var diffY = event.offsetY - treasure.y;

            return Math.sqrt((diffX * diffX) + (diffY * diffY));

        }

        function getDistanceHint(distance)

        {

            if(distance < 10)

                return "Boiling hot";

            else if (distance < 20)

                return "Really hot";

            else if (distance < 40)

                return "Hot";

            else if(distance < 80)

                return "Warm"

            else if (distance < 160)

                return "Cold";

            else if (distance , 360)

                return "Really cold";

            else 

                return "Freezing"

        };

        function clickHandler(event)

        {

            if (clicks < clickLimit)

            {

                clicks++;

                var distance = getDistance(event, treasure);

                var distanceHint = getDistanceHint(distance);

                $("#distance").text(distanceHint);

                if (distance < 8)

                alert("Found the treasure in " + clicks + " clicks");

            }

            else 

                alert("You loose sucker")

        }

        $("#map").click(clickHandler);

        </script>

    </body>

    </html>

Login
Username:
Password:	Lost Password?
	Remember me