<html>

<style type="text/css">
 
body { margin: 50px 150px; }
h1{ color: white; background-color: blue
} 
table { cellspacing: 0 }
td.abajo {border-bottom: solid }
td.arriba {border-top: solid }
#left { 
	position: absolute; left: 10px; 
	top: 1px; width: 140px; 
	line-height: 25px; font-size: 110%
	} 
 
	 
#left {  color: #0000FF;  background-color: #CCFF66; }

#right { position: absolute; right: 120px; top: 10px; width: 150px; }
</style>
<head>
<title>Raíz Cuadrada</title>
<h1>Raíz Cuadrada </h1>
<h3>Método de la Casita</h3>
</head>
<body onmousemove="ElMensaje()" onkeydown="ElMensaje()" onkeyup="ElMensaje()">
<p> Presionar F5 para inicializar. </p>
<form>
<input type="button" id="myButton1" 
onclick="mifuncion1()" 
value="Iniciar">
Introduzca Numero:
<input type="label" name="numero" id="numero1" >
<br>
</form>
<p
id="texto2"> 
</p>
<p
id="numero_duplicado"> 
</p>
<p id="numero_raiz"> </p>

 


</p>
<div id="left">
<p id="texto1">Introduzca Numero</p>
</div>

 
 <form>

<input type="button" id="myButton2" type="hidden" 
onclick="mifuncion1()" 
value="Iniciar">
</form>
<script type="text/javascript">
var r=1
var numeroRaiz=""
var numeroRaizComas=""
var raiz=new Array()
var numeros1= new Array()
var Dosendos_enteros
var Dosendos_fracc
var eldoble
var residuo
var numrero_actual
var numero_duplicado
var numero_bajado="" 
var los_resultados=""
var bb
var primercuadrado=""
var espacios
var espacios_cad=""
var espacios_cadenas=""
var espacio1=""
var espacio2=""
 var mensaje1="Al introducir cualquier número positivo, podrás seguir paso como se soluciona una raíz cuadrada con el método de la casita."
 

var reng37=""	
var numero_actual=""	
var numero_actual_cadena=""
var cifras_resultado=0
   document.getElementById("myButton2").style.visibility="hidden"
function mifuncion1()
 { 	
	if (r>6)
		r=3	
 	  reng37=losrenglones()
 	 
	switch(r)
	{
	case 1:
		document.getElementById("myButton1").value="continuar >>"
		document.getElementById("myButton2").value="continuar >>"
		  document.getElementById("myButton2").style.visibility="visible"
		
		numeroRaiz= document.getElementById("numero1").value
		 rua=IsNumber(numeroRaiz,numeroRaiz.length)
		if (numeroRaiz.length==0)
		{	rua=false
			alert("Introduzca numero mayor que cero")
		}
		if (rua==false)	{
			r=0
			break
		}
		mensaje1= "Separar números grupos de dos, partiendo desde el punto decimal  hacia la izquierda para la parte entera y hacia la derecha para las decimales. Se agregará un cero en caso que del lado decimal quede un numero. Por ejemplo Si tenemos  53423.632 quedará como sigue : 5,34,23 63,20"
		document.getElementById("texto1").innerHTML=reng37+ mensaje1
		arreglo=SepararNumeros(numeroRaiz)
 	  	numeros1=OrdenarNumeros(arreglo)
		document.getElementById("numero_raiz").innerHTML=numeroRaizComas
		los_resultados=numeroRaizComas
		break
	case 2:
		mensaje1= "Obtener el numero que elevado al cuadrado se acerque a las dos primeras dos cifras del lado izquierdo sin excederlas para después restarla de las mismas. El numero obtenido es la primer cifra del resultado. El residuo será escrito en la parte de abajo."
		document.getElementById("texto1").innerHTML=reng37+ mensaje1
      		primer_numero=PrimerNumero(arreglo[Dosendos_enteros-1])
		document.getElementById("texto2").innerHTML=  "<strong>resultado</strong> "+ primer_numero
		primercuadrado=primercuadrado.concat("&nbsp;",primer_numero*primer_numero)
		espacios_cadenas=losespacios()
		los_resultados=los_resultados+"<tr>"+espacios_cadenas+"<td align='center' class='abajo'>" +primercuadrado+"</td></tr>"
		document.getElementById("numero_raiz").innerHTML= los_resultados
		residuo=arreglo[Dosendos_enteros-1]-primer_numero*primer_numero
		//espacios_cadenas=espacios_cadenas=losespacios()
		los_resultados=los_resultados+"<tr>"+espacios_cadenas+"<td align='right'>"+residuo+"</td>"
		document.getElementById("numero_raiz").innerHTML=los_resultados 
		numero_actual=primer_numero
		numero_actual_cadena=primer_numero
		
		pos_cifra=0
		cifras_resultado++
		if(cifras_resultado==Dosendos_enteros)
			numero_actual_cadena=numero_actual_cadena+"." 
		break
 
	case 3:
		mensaje1= "Duplicar el numero obtenido del resultado sin incluir el punto decimal."
		document.getElementById("texto1").innerHTML=reng37+ mensaje1
      		numero_duplicado=numero_actual*2
		document.getElementById("numero_duplicado").innerHTML="<strong>numero duplicado</strong> "+numero_duplicado
      		
		break
 	case 4:
		mensaje1= "Bajar las siguiente dos cifras. Para formar el nuevo numero de abajo."
		document.getElementById("texto1").innerHTML=reng37+ mensaje1
        	numero_bajado=""
		pos_cifra++
		if (pos_cifra<(Dosendos_enteros+Dosendos_fracc))
		{	siguientesDos=numeros1[pos_cifra]    
		} else 
		siguientesDos="00"
		numero_bajado=numero_bajado.concat(residuo,siguientesDos)
		los_resultados=los_resultados+"<td align='right'>"+siguientesDos+"</td>"
		document.getElementById("numero_raiz").innerHTML=los_resultados
	
	break
 	case 5:
		cifras_resultado++
		num_temp=""
		 
		mensaje1= "Encontrar un numero tal que se acerque al numero de abajo lo mas posible sin excederlo, si a es el numero duplicado  y b el numero que se desea encontrar, se usa la siguiente formula: (a*10+b)*b. El anterior resultado se resta a al numero formado por el residuo anterior y las dos cifras bajadas."
		document.getElementById("texto1").innerHTML=reng37+ mensaje1
		siguiente_numero=DobleMasCuadrado()
		num_temp=num_temp.concat(numero_actual,siguiente_numero)
		numero_actual=num_temp
		num_temp=""
		numero_actual_cadena=num_temp.concat(numero_actual_cadena,siguiente_numero) 
		if(cifras_resultado==Dosendos_enteros)
			numero_actual_cadena=numero_actual_cadena+"." 
		document.getElementById("texto2").innerHTML=  "<strong>resultado</strong> "+numero_actual_cadena
	 	los_resultados=los_resultados+"<tr>"+espacios_cadenas+"<td colspan='2'align='center' class='abajo'>" +bb+"</td></tr>" 
		espacios_cadenas=losespacios()
		document.getElementById("numero_raiz").innerHTML=los_resultados 
		///espacios_cadenas=losespacios(bb,residuo)
		los_resultados=los_resultados+"<tr>"+espacios_cadenas+"<td align='right'>"+residuo+"</td>" 
		document.getElementById("numero_raiz").innerHTML=los_resultados
	
        	break
 	case 6:
		
		mensaje1=  "El numero obtenido será la siguiente cifra del resultado."
		document.getElementById("texto1").innerHTML=reng37+ mensaje1 
       		   document.getElementById("texto2").innerHTML=  "<strong>resultado</strong> "+numero_actual_cadena+"</big>"
	      
		
         	break  
        }
	 
	
	 

	
	r++
        
}
function SepararNumeros(cadena)
{
   var numeros=new Array()
   var cadena2=""
   var cadena1=""
   a = cadena.indexOf(".")
   if(a<0)
   { 
	cadena=cadena+"."
   	a = cadena.indexOf(".") 
   }   
   if (a>=0)
   {     
     cadena1 = cadena.slice(0,a)
     cadena2 =cadena.slice(a+1,cadena.length)
   }
   if (cadena2.length==0)	
	 cadena2="0000000000000000000000"
   if(cadena2.length/2 > parseInt(cadena2.length/2))
 	cadena2=cadena2+"0"  
   if(cadena1.length/2 > parseInt(cadena1.length/2))
 	cadena1="0"+cadena1
    
   numeroletras=cadena1.length
    
   jj=0
   j=numeroletras 
     
   while(j>0)
   {	
	
        numeros[jj]=cadena1.slice(j-2,j)
	jj++
	j=j-2 
	
   } 
  Dosendos_enteros=jj
 
  j=0
  while(j<cadena2.length)
  {	numeros[jj]=cadena2.slice(j,j+2)
	j=j+2
	jj++
  }
    Dosendos_fracc=jj-Dosendos_enteros
    return numeros 
   
}
function OrdenarNumeros(num)
{ 	jj=0
	for(j=Dosendos_enteros-1;j>=0;j--)
	{	numeros1[jj]=num[j]
		jj++	
	}
	for(j=Dosendos_enteros;j<(Dosendos_fracc+Dosendos_enteros);j++)
	{	numeros1[jj]=num[j]
		jj++
	}	
	condicion=1
	numeroRaizComas="<table   ><tr><td align='right'>√</td>"
	for(j=0;j<(Dosendos_fracc+Dosendos_enteros);j++)
	{	 
		 	numeroRaizComas=numeroRaizComas+"<td align='right' class='arriba'>"+numeros1[j]+"</td>" 
			
		 
		 
	} 
	return numeros1
}

function PrimerNumero(num)
{       
	return  parseInt(Math.sqrt(num))
}
function DobleMasCuadrado()
{	residuo1=-9999
	numm=9
	while(residuo1<0)
        {	 
        	bb = numero_duplicado
        	bb = (bb * 10 + numm) * numm
        	residuo1 = numero_bajado - bb
        	numm--
    	} 
	numm++
	residuo=residuo1
	
	 
	return numm
}
 function losespacios()
{	 
	  
		espacios_cad=espacios_cad.concat("","<td> </td>") 
		return espacios_cad
} 
function losrenglones()
{ 	renglones37=""
	for (j=1;j<=parseInt(window.pageYOffset/25);j++)
	{	renglones37=renglones37+"<br>"}
	return renglones37
}
 
function ElMensaje()
{	reng37=losrenglones()
	 document.getElementById("texto1").innerHTML=reng37+mensaje1
}	
 function IsNumber(strFieldValue, size )
{
    
    for ( var i=0; i < size; i++) {     
        if(strFieldValue.charAt(i)!="." )
	{if(strFieldValue.charAt(i)!="" ){	    
        if( strFieldValue.charAt(i) < "0" || strFieldValue.charAt(i) > "9") {
           alert("Introduzca numero mayor que cero")
          return false;
        }
	}
      }

     }

     return true;

}
</script>
</body>
</html>