Crear un elemento de sonido's game

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

No:42163

←

Prev Next

→

Crear un elemento de sonido
Developer User18814｜Date and time 24/2/10 21:29:57
Build time 5.141 sec｜Game capacity 5.54KB｜

Script

Buscando...

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
  .layout {
     display: flex;
     flex-direction: column;
  }
  
  .progress_indicator {
     display: none;
     flex-direction: row;
  }
  
  .layout_searchByNameOfSound {
     display: flex;
     flex-direction: row;
  }
  
  .layout_searchByNameOfArtist {
     display: none;
     flex-direction: row;
     position: absolute;
     top: 50px;
  }
  
  .layout_searchByLetter {
     display: none;
     flex-direction: row;
  }
  
  .menu {
     background-color: white;
     border-color: white;
     font-size: 99px;
     width: 39px;
     height: 39px;
  }
  
  .search {
     width: 305px;
     height: 30px;
     font-family: sans-serif;
  }
  
  .other_search {
     width: 325px;
     height: 30px;
  }
  
  .button_search {
     background-color: white;
     border-color: white;
     font-size: 1px;
    // height: 35px;
  }
  
  .scroller {
     overflow-y: scroll;
     position: relative;
     top: 20px;
  }
  
  .progress {
     position: relative;
     left: 14px;
     top: 24px;
  }
</style>
<body>
  <div class="layout">
    <div class="layout_searchByNameOfSound">
      <button class="menu" onclick="options()">⚙️</button>
      <input class="search" placeholder="Buscar por el nombre de la canción" id="search_sound"></input>
      <button class="button_search">🔎</button>
    </div>
    <div class="layout_searchByNameOfArtist">
      <input class="other_search" placeholder="Buscar por el nombre del artista"></input>
      <button class="button_search">🔎</button>
    </div>
    <div class="layout_searchByLetter">
      <input class="other_search" placeholder="Buscar por la letra de la canción"></input>
      <button class="button_search">🔎</button>
    </div>
     <div class="progress_indicator" id="progressIndicator">
      <h6>Buscando...</h6>
      <progress class="progress"></progress>
    </div>
    <div class="scroller" id="scr"></div>
  </div>
</body>
<script>
 var artist = [ "Hola", "Mundo", "Hola!", "Mundo!", "Hola Mundo", "Hola Mundo!" ];
 var name_of_sound = [ "Ho La Mundo", "La Mundo", "Mundo", "Mundo!", "Ho La", "Hola" ];
 var scroller = document.getElementById( "scr" );
 
 for( var i=0; i<artist.length || i<name_of_sound.length; i++ )
 {
   AllSounds( i );
 }