Crear un drag and drop's game

Click here for free DL of the app version that can save data.

No:47092

126

←

Prev Next

→

Crear un drag and drop
Developer User20383｜Date and time 24/2/27 8:03:51
Build time 4.995 sec｜Game capacity 1.175KB｜

Script

🔵

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Drag and Drop Game</title>
    <style>
        #container {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #item {
            width: 50px;
            height: 50px;
            background-color: blue;
            color: white;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <div id="container"  >
        <div id="item" draggable="true" ondragstart="drag(event)">🔵</div>
    </div>

function drag(event) {
            event.dataTransfer.setData("text", event.target.id);
        }

function drop(event) {
            event.preventDefault();
            var data = event.dataTransfer.getData("text");
            var draggedElement = document.getElementById(data);
            event.target.appendChild(draggedElement);
        }
    </script>
</body>
</html>