값을 입력받아 개체 움직이기

프롬프트 입력창에서 좌표값을 입력받아 입력받은 값만큼 옆으로 움직이기

<div>
 
        <div id="panel">
            <div id="bar"></div>
            <div id="img1">
                <img src="entity.png">
            </div>
        </div>
        <div id="nav">
            <button id="btn_start">
                좌표값 입력받기
            </button>
 
        </div>
    </div>

스크립트

$(document).ready(function() {
            var $entity = $("#img1");
 
            $("#btn_start").click(function() {
                var value = window.prompt("x좌표 값을 입력해주세요.", 0);
                value = parseInt(value);
                if (value >= 0 && value <= 430) {
                    $entity.css("left", value);
                } else {
                    alert("유효한 좌표값이 입력되지 않았습니다.");
                }
            });
        })

var $entity = $("#img1");

개체의 노드 값을 찾는다.

btn_start 버튼을 클릭하면 프롬프트 창에서 좌표값을 받아서

숫자값으로 변경

숫자가 0보다 크고 430보다 작은경우에는 개체 left 값을 입력받은 값으로 이동시킨다.