Crear 2 layouts verticales, un layout con 10 botones y otro layout vacío, y arrastrar los botones al layout vacío o arrastrar los botones al primer layout's game

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

No:47141

←

Prev Next

→

Crear 2 layouts verticales, un layout con 10 boton..ALL
Developer User20383｜Date and time 24/2/27 9:44:22
Build time 5.859 sec｜Game capacity 1.53KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Game</title>
</head>
<style>
    .r {
       background-color: red;
       width: auto;
       height: 50px;
    }
</style>
<body>

<div id="layout1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <button id="btn1" draggable="true" ondragstart="drag(event)">Boton 1</button>
  <button id="btn2" draggable="true" ondragstart="drag(event)">Boton 2</button>
  <button id="btn3" draggable="true" ondragstart="drag(event)">Boton 3</button>
  <button id="btn4" draggable="true" ondragstart="drag(event)">Boton 4</button>
  <button id="btn5" draggable="true" ondragstart="drag(event)">Boton 5</button>
  <button id="btn6" draggable="true" ondragstart="drag(event)">Boton 6</button>
  <button id="btn7" draggable="true" ondragstart="drag(event)">Boton 7</button>
  <button id="btn8" draggable="true" ondragstart="drag(event)">Boton 8</button>
  <button id="btn9" draggable="true" ondragstart="drag(event)">Boton 9</button>
  <button id="btn10" draggable="true" ondragstart="drag(event)">Boton 10</button>
</div>

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

function drop(ev) {
 // ev.preventDefault();
  var data = ev.dataTransfer.getData("text");

ev.target.appendChild(document.getElementById(data));
  
}
</script>

</body>
</html>