{"size": 1185, "ext": "js", "max_stars_repo_path": "step-tasks/Mod-3_Week-5_Dz-1-Homework_29-12-2020/scripts/task-003.js", "max_stars_repo_name": "uniondirfolder/JS-intro", "max_stars_repo_stars_event_min_datetime": "2021-08-28T05:07:16.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-28T05:07:16.000Z", "max_issues_repo_path": "step-tasks/Mod-3_Week-5_Dz-1-Homework_29-12-2020/scripts/task-003.js", "max_issues_repo_name": "uniondirfolder/JS-intro", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "step-tasks/Mod-3_Week-5_Dz-1-Homework_29-12-2020/scripts/task-003.js", "max_forks_repo_name": "uniondirfolder/JS-intro", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 43.8888888889, "max_line_length": 96, "alphanum_fraction": 0.6869198312}
/*Создать html-страницу с футбольным полем, которое зани-
мает всю ширину и высоту экрана, и мячом размером 100 на 100
пикселей.
Сделать так, чтобы при клике мышкой по полю, мяч плавно
перемещался на место клика. Учтите: необходимо, чтобы центр
мяча останавливался именно там, где был совершен клик мышкой.
Также предусмотрите, чтобы мяч не выходил за границы поля.*/


inner__field.onclick = function (event) {

    let fieldCoords = this.getBoundingClientRect();
    let ballCoords = {
        top: event.clientY - fieldCoords.top - field.clientTop - ball.clientHeight / 2 + 12.5,
        left: event.clientX - fieldCoords.left - field.clientLeft - ball.clientWidth / 2 + 12.5
    };
    if (ballCoords.top < 0) ballCoords.top = 0;
    if (ballCoords.left < 0) ballCoords.left = 0;
    if (ballCoords.left + ball.clientWidth > field.clientWidth) {
        ballCoords.left = field.clientWidth - ball.clientWidth - 25;
    }
    if (ballCoords.top + ball.clientHeight > field.clientHeight) {
        ballCoords.top = field.clientHeight - ball.clientHeight - 25;
    }
    ball.style.left = ballCoords.left + 'px';
    ball.style.top = ballCoords.top + 'px';
}