/ *
  Para hacer el script efectivo se deben tener las siguientes etiquetas en el archivo .html
  	<h1> Agenda de contactos </h1>
  	<input type = "button" id = "agregar" value = "Agregar Contacto">
* /
var  d  =  documento ;   
var  abc  =  [ "A" , "B" , "C" , "D" , "E" , "F" , "G" , "H" , "I" , "J" , "K" , "L " , " M " , " N " , " O " , " P " , " Q " , " R " , " S " , " T " , " U " , "V " , " W " , " X " , " Y " , " Z " ] ;
var  memoria  =  new  Array ( ) ;

función  Agenda  ( )  {
	
	esto . Listar  =  función ( )
	{
		var  div  =  d . createElement ( 'div' ) ;
		div . id  =  "agenda" ;	
		d . cuerpo . appendChild ( div ) ;
		para  ( var  i  =  0 ;  i  <  abc . longitud ; i ++ )  {
			var  letras  =  d . createElement ( 'div' ) ;
			letras . id  =  abc [ i ] . toLowerCase ( ) ;
			letras . className  =  'letras' ;
			div . appendChild ( letras ) ;
			var  tit  =  d . createElement ( 'h3' ) ;
			letras . appendChild ( tit ) ;
			texto  =  d . createTextNode ( abc [ i ] ) ;
			tit . appendChild ( texto ) ;
			var  ul  =  d . createElement ( 'ul' ) ;
			ul . id  =  "ul" + abc [ i ] . toLowerCase ( ) ;
			div . appendChild ( ul ) ; 
		} ;	
	} ;
	
	esto . Contacto  =  function ( nombre , numero , correo ) {
		esto . nombre  =  nombre ;
		esto . numero  =  numero ;
		esto . correo  =  correo ;
	} ;
	
	esto . Insertar  =  función ( ) {
		var  nom  =  prompt ( 'Nombre de Contacto (Obligatorio) *' ) ;
		var  num  =  prompt ( 'Telefono de Contacto (Obligatorio) *' ) ;
		var  cor  =  prompt ( 'Correo de Contacto' ) ;
		if  ( nom  ! =  ""   &&  num  ! =  "" ) 
		{
			var  c  =  nuevo  esto . Contacto ( nom , num , cor ) ;
			memoria . empujar ( c ) ;
			esto . Guardar ( memoria ) ;
		}
		demás		
			alert ( 'Debe llenar las opciones Nombre y Numero \ npara hacer el ingreso del contacto correctamente.' ) ;				
	} ;
	
	esto . Guardar  =  función ( arr )
	{
		para  ( var  i  =  arr . longitud - 1 ;  i  <  arr . longitud ;  i ++ )  {
			si  ( arr  ! =  null ) 
			{				
				var  inic  =  arr [ i ] . nombre . subcadena ( 0 , 1 ) . toLowerCase ( ) ;
				var  div  =  d . getElementById ( inic ) ;
				var  ul  =  d . getElementById ( 'ul' + inic ) ;
				var  li  =  d . createElement ( 'li' ) ;
				var  info  =  d . createTextNode ( 'Nombre:' +  arr [ i ] . nombre  +  '| Telefono:' +  arr [ i ] . numero  +  '| Correo:' +  arr [ i ] . correo ) ;
				li . appendChild ( información ) ;
				ul . appendChild ( li ) ;
			}
			demás
				alert ( 'No hay registros.' ) ;
		} ;
	} ;

}

function  init ( ) {
	var  c  =  nueva 	 agenda ( )
	c . Listar ( ) ;
}
function  add ( ) {
	var  c  =  nueva 	 agenda ( ) ;
	c . Insertar ( ) ;
}

ventana . addEventListener ( "cargar" ,  init ,  true ) ;
var  click  =  d . getElementById ( 'agregar' ) . addEventListener ( 'hacer clic' , agregar , verdadero ) ;