Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Задача на поиск клада (https://javascript.ru/forum/misc/80990-zadacha-na-poisk-klada.html)

JSLearner35 08.09.2020 12:45

Задача на поиск клада
 
При прочтении книги наткнулся на задачу, решение которой не работало, так и не смог разобраться с ошибкой
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-2.1.0.js"></script>
</head>
<body>
    <h1 id="heading">Found the treasure!</h1>
    <img  id="map" width=400 height=400 
    src='http://nostarch.com/images/treasuremap.png'>
    <p id="distance"></p>
    <script>
        let randomNum = function(size){
            return(Math.floor(Math.random * size))
        }; 

        let getDistance = function(event, target){
            let diffX = event.offsetX - target.x;
            let diffY = event.offsetY - target.y;
            console.log(event.offsetY);
            console.log(Math.sqrt((diffX*diffX)+(diffY*diffY)));
            return Math.sqrt((diffX*diffX)+(diffY*diffY))
        };

        let getDistanceHint = function(distance){
            if(distance < 15){
                return('FIRE!!!');
            } else if(distance < 30){
                return('Fire');
            } else if(distance < 50){
                return("Not such a cold")
            } else if(distance < 160){
                return('Cold');
            } else if(distance < 270){
                return("COLD!!!")
            } else if(distance < 390){
                return("COLD!!!")
            } else{
                return('You`re an ice cream, man')
            };
        };
        
        let width = 400,
        height = 400,
        clicks = 0;

        let target = {
            x: randomNum(width),
            y: randomNum(height),
        };

        $("#map").click(function(event){
        clicks++;
        let distance = getDistance(event, target);
        let distanceHint = getDistanceHint(distance);
        $('#distance').text(distanceHint);
        if(distance <= 10){
            alert('Win! Number of clicks:' + clicks);
        };
        });
    </script>
</body>
</html>

Заранее благодарю за помощь


Часовой пояс GMT +3, время: 16:45.