Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="txt">
</div>
</body>
<script src="../../../Desktop/ipks/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
    var div = document.getElementById("txt");
    var x=document.createElement("input");
    var br= document.createElement("br");
    x.setAttribute("type", "number");
    x.setAttribute("id", "x");
    var texT = document.createTextNode("X:");
    div.append(texT);
    div.append(x);
    div.append(br);
    var br1= document.createElement("br");
    var y=document.createElement("input");
    y.setAttribute("type", "number");
    y.setAttribute("id", "y");
    var texT = document.createTextNode("Y:");
    div.append(texT);
    div.append(y);
    div.append(br1);
    var br2= document.createElement("br");
    var rotacija=document.createElement("input");
    rotacija.setAttribute("type", "number");
    rotacija.setAttribute("id", "rotacija");
    var texT = document.createTextNode("Rotacija:");
    div.append(texT);
    div.append(rotacija);
    div.append(br2);
    var br3= document.createElement("br");

    var btn=document.createElement("button");
    btn.innerHTML = "To Json";
div.append(btn);
div.append(br3);
    var br4= document.createElement("br");

    btn.setAttribute("id", "toJson");
    var btn=document.createElement("button");
    btn.innerHTML = "Animate";
    div.append(btn);
    div.append(br4);
    btn.setAttribute("id", "Animate");
     var boja=document.createElement("div");
    boja.setAttribute("style","height: 50px; width: 50px; background-color: yellow; position: absolute");
    boja.setAttribute("id","boja");
    div.appendChild(boja);
$(document).ready(function () {
    $("#toJson").click(function(){
        var obj = new Object();
     obj.x=document.getElementById("x").value;
        obj.y=document.getElementById("y").value;
        obj.rotacija=document.getElementById("rotacija").value;
      str= JSON.stringify(obj);
    console.log(str)


    })
    $("#Animate").click(function () {
        var x=document.getElementById("x").value;
        var y=document.getElementById("y").value;
        var rotacija=document.getElementById("rotacija").value;
        var boja=document.getElementById("boja")
$("#boja").animate({left:"+="+x,top:"+="+y,})
        $("#boja").css("transform", "rotate(" + rotacija + "deg)");
    })

})
</script>

</html>