JavaScript Program to Move Newly Created Window Using Navigation Buttons

JavaScript Program to Move Newly Created Window Using Navigation Buttons

Write a JavaScript program to move newly created window using navigation buttons.



Source Code
<html>
<head>
    <title>Move window (left, right, up, down) using JavaScript</title>
    <script>
        var win
        var x=20, y=20
        function init()
        {
            win = window.open("", "MyWindow", "width=100, height=100")
        }
        function moveLeft() 
        {
            x -= 20
            win.moveTo(x, y)
        }
        function moveRight() 
        {
            x += 20
            win.moveTo(x, y)
        }
        function moveUp() 
        {
            y -= 20
            win.moveTo(x, y)
        }
        function moveDown() 
        {
            y += 20
            win.moveTo(x, y)
        }
    </script>
</head>

<body onload="init()">
<form action="">
        <input type="button" value="Top" onclick="moveUp()"/> <br/>
    <input type="button" value="Left" onclick="moveLeft()"/> 
    <input type="button" value="Right" onclick="moveRight()"/> <br/>
        <input type="button" value="Bottoom" onclick="moveDown()"/> 
</form>
</body>

</html>
Output