reloj olfateo central de artes: check if exits

by CarambaMoreno

HTML

<div class="papa-container">
  <button class="elemento" data-create="elemento1"> Elemento 1 </button>
  <button class="elemento" data-create="elemento2"> Elemento 2 </button>
  <button class="elemento" data-create="elemento3"> Elemento 3 </button>
  <button class="creador" data-create="piernas"> piernas </button>
  <button class="creador" data-create="manos"> manos </button>
  <button class="creador" data-create="sonrisa"> sonrisa </button>
  <div class="log">  </div>
  
  <div id="resultado">  </div>
 
  <div class="hijo-container"></div>
  
  

</div>

CSS

body{font-size:10px;}
#resultado{ position: absolute; display: block; right: 1rem; top: 1rem; width: auto; height: auto; }

#resultado.paso1{ background-color: yellow; }

.log{border:1px solid red;font-size:0.5rem;}

JavaScript

jQuery(document).ready(function ($) {

	$(document).on('click', '.elemento', function(){
  	var elemento_por_crear = $(this).data("create");
		
    $('#resultado').append('<select class="'+elemento_por_crear+'"><option>'+elemento_por_crear+'</option></select>');
    
    setTimeout( function(){
      $('.'+elemento_por_crear).append('<option>22 '+elemento_por_crear+'</option>');
    }, 1000);
    
    
  });

  function olfateo(elemento){

			if( $(elemento).length > 0 ){
        
        console.log('existe '+ elemento);
        //click al dia
        
      }else{
        setTimeout(function(){
          jQuery(".log").append("<span>1 segundo</span>");
          olfateo(elemento);
        }, 500);
    }
  }
  
  function olfateo2(elemento){

			if( $(elemento).length > 0 ){
        
        console.log('existe '+ elemento);
        //value al select primera opcion
        // change al value
        
      }else{
        setTimeout(function(){
          jQuery(".log").append("<span>1 segundo</span>");
          olfateo(elemento);
        }, 500);
    }
  }
  
  function olfateo3(elemento){

			if( $(elemento).length > 0 ){
        
        console.log('existe '+ elemento);
        // value al select 
        // change al values
        
      }else{
        setTimeout(function(){
          jQuery(".log").append("<span>1 segundo</span>");
          olfateo(elemento);
        }, 500);
    }
  }
  
  	$(document).on('click', '.creador', function(){
    
    	var elemento_por_crear = $(this).data("create");
    	$('.hijo-container').append('<h1 class="'+elemento_por_crear+'">'+elemento_por_crear+'</h1>');
    
    });
    
  //olfateo('.elemento1');
  //olfateo2('.elemento1 option:nth-child(2)');
  //olfateo3('.elemento2 option:nth-child(2)');
  
  // AC'A COMIENZA LA TERCERA ERA
  
  function sonreir(){
	  $(".hijo-container").append("<span>sonriendo</span>");
  }
  function aplaudir(){
	  $(".hijo-container").append("<span>aplaudiendo</span>");
   ...