Crear 2 layouts horizontales, agregar 2 botones en el primer layout, y hacer un drap and drop en los dos botones y soltar el botón en el segundo layout o soltar el botón en el primer layout.'s game

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

No:47117

←

Prev Next

→

Crear 2 layouts horizontales, agregar 2 botones en..ALL
Developer User20383｜Date and time 24/2/27 8:44:25
Build time 4.242 sec｜Game capacity 1.187KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Drag and Drop</title>
  <style>
    #layout1, #layout2 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      border: 2px solid black;
      margin-bottom: 10px;
    }
    
    .boton {
      width: 50px;
      height: 50px;
      background-color: lightblue;
      border-radius: 50%;
      margin: 0 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="layout1">
    <div class="boton" draggable="true" ondragstart="drag(event)"></div>
    <div class="boton" draggable="true" ondragstart="drag(event)"></div>
  </div>
  
  <div id="layout2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
  
  <script>
    function allowDrop(event) {
      event.preventDefault();
    }
    
    function drag(event) {
      event.dataTransfer.setData("text", event.target.id);
    }
    
    function drop(event) {
    //  event.preventDefault();
      var data = event.dataTransfer.getData("text");
      var boton = document.getElementById(data);
      event.target.appendChild(boton);
    }
  </script>
</body>
</html>