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

No:42158

113

←

Prev Next

→

Crear 20 layouts con un checkbox y 1 boton, al toc..ALL
Developer User18814｜Date and time 24/2/10 21:12:21
Build time 5.444 sec｜Game capacity 1.792KB｜

Script

Juego de Eliminación de Layouts

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Eliminación de Layouts</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
      .checkbox-layout {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Juego de Eliminación de Layouts</h1>
    <input id="inp" onkeyup="filt()"></input>
    <div id="layouts-container"></div>

//setInterval( "filt()", 500 );

// Crear 20 layouts con checkbox
      const container = document.getElementById("layouts-container");

for (let i = 1; i <= 20; i++) {
        const layout = document.createElement("div");       layout.className = "lay";
 
        const checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        layout.appendChild(checkbox);

const label = document.createElement("label");
        label.htmlFor = `layout-${i}`;
        label.textContent = `Layout ${i}`;
        label.className = "lab";
        layout.appendChild(label);

container.appendChild(layout);
      }

function filt()
       {
         var lays = document.getElementsByClassName( "lay" );
         var labl = document.getElementsByClassName( "lab" );
         var txt = document.getElementById( "inp" ).value.toLowerCase();

for( var i=0; i<lays.length; i++ )
         {
           var label = labl[i].innerHTML.toLowerCase();

if( label.indexOf( txt ) > -1 )
           {
             lays[i].style.display = "";
           }
           else
           {
             lays[i].style.display = "none";
           }
         }    
       }
    </script>
  </body>
</html>