reloj olfateo central de artes: check if exits

by CarambaMoreno

HTML

<div class="papa-container">
  <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', '.creador', function(){
    
    	var elemento_por_crear = $(this).data("create");
    	$('.hijo-container').append('<h1 class="'+elemento_por_crear+'">'+elemento_por_crear+'</h1>');
    
    });
    
  
  // AC'A COMIENZA LA TERCERA ERA
  
  function sonreir(){
	  $(".hijo-container").append("<span>sonriendo</span>");
  }
  function aplaudir(){
	  $(".hijo-container").append("<span>aplaudiendo</span>");
    olfateo(".sonrisa", sonreir);
  }
  
  function caminar(){
  	$(".hijo-container").append("<span>caminando</span>");
    olfateo(".manos", aplaudir);
  }
  
  function olfateo(elemento_olfateado, reaccion){
  	if(elemento_olfateado != null && $(elemento_olfateado).length > 0){
    	console.log(elemento_olfateado+" existe");
      reaccion();
    } else {
			setTimeout(function (){
        olfateo(elemento_olfateado, reaccion);
      },1000);
	    console.log(elemento_olfateado+" no existe amigos");
    }
  }
  olfateo(".piernas", caminar);
 

});