text: 
  // manipulation of the DOM, event listeners, creating new elements, etc....
  define(function (){
  
  	
  	var externals = {};
  
  	
  	function show(filmsList) {
  
  
  		var html =`<div class='row justify-content-md-center'>
  		<h1 id=center >Anime</h1>
  		<div id="input" class="input-group d-flex justify-content-center">
  			<input type="text" id="Name" class="form-control" placeholder="Name Of Anime" aria-label="Name Of Anime" aria-describedby="basic-addon1">
  			<button class=" btn btn-danger" id="btn">Search Anime</button>
  		</div>
  	</div>`;
  
  	
  		html += "<span class='span-flex2'>"
  			html += "<div class='imagens_element'>"
  			html += "<img class='imagens noclick' src = '" + filmsList.image_url + "'/>";
  			html += "<p class='title'>" + filmsList.title +"</p>"
  			html += "</div>"
  			html += "<div id='synopsis'><h1>Synopsis</h1><p>"+ filmsList.synopsis+"</p></div>"
  		html += "</span>"
  
  
  	html += "";
  	
  		$("#app").html(html);
  		btn();
  	}
  
  	function btn(){
          $("#btn").click(function () {
  
  			if($("#Name").val() !== ""){
  
  				require(['controllers/index-controller'], function(index){
  
  					var api = "https://api.jikan.moe/v3/search/anime?q=" + $("#Name").val();
                  	window.location.hash = ""
                  	index.setApi(api)
  
  				})
              }
          })
      }
  
  	
  	externals.show = show;
  	
  	
  	return externals;
  
  
  })