Just For Fun Having Fun Trying Something New

type or paste code here
```<html>
    <head>
        <style>
             #container {
                position: relative;
                width: 100%;
                height: 100vh;
                text-align: center;
            }
            #movingButton {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 10px 20px;
                background-color: #007bff;
                color: #fff;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: left 0.5s, top 0.5s; /* CSS transition for smooth movement */
            }
            #yes{
                position: absolute;
                top: 50%;
                left: calc(50% + 100px);
                transform: translate(-50%, -50%);
                padding: 10px 20px;
                background-color: #007bff;
                color: #fff;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                /* CSS transition for smooth movement */
            }
            #par{
                position: absolute;
                top : 50%;
                left : 50%;
                transform : translateX(-50%);
                margin-top: -50px;
                font-weight: bold;
            }
        </style>
        <script>
            function moveButton(buttonId) {
                var button = document.getElementById('movingButton');
                var newX = Math.random() * (window.innerWidth - button.offsetWidth);
                var newY = Math.random() * (window.innerHeight - button.offsetHeight);
                button.style.left = newX + 'px';
                button.style.top = newY + 'px';
                if(buttonId === 'yes'){
                    alert("Correct!! Ente BUME");
                }
            }
        </script>
    </head>
    <body>
        <div id = "container">
            <p id="par"><b>Are you a bume?</b></p><br>
            <button id="yes" onclick="moveButton('yes')">Yes</button>
            <button id = "movingButton" onclick="moveButton('movingButton')">No</button>
        </div>
    </body>
</html>[having fun](https://"C:\Users\USER\OneDrive\Documents\LU-BC\Semester-3\WebDesign(ClientSide)\habal.html")

It looks like you posted code without context. Do you have a question or a subject you’d like to discuss?