Código solución de triángulos rectángulos <html> <HEAD> <title>Triangulo</title> <script type="text/JavaScript"> // CREDITS: // Gradient Background Fader, Multicolor // By Peter Gehrig // Copyright (c) 2003 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // [email protected] // 11/27/2003 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE /////////////////////////////////////////////////////////////////////////// // Select the colors (hexadecimal triplet value required) // Please note that at least 3 colors are required! var colors=new Array("#FFFF00","#00FFFF","#5fc700","#854b00","#76e07c","#FFAC00","#FFFF66","#ff0000","#FF FFFF","#850044","#B56AFF","#56B1FF") // Set pause between colors (seconds) var pausebetweencolors=2 // What type of gradient should be applied Internet Explorer 5x or higher? // Set "none" or "horizontal" or "vertical" var gradient_effect="horizontal" // Set speed (higher=slower) var speed=20 // How many times shall the effect be repeated? // Add a value between 1 and 9999999 var i_loopmax=1000 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // do not edit code below this line var pausesteps=40 var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var redcol_1 var redcol_2 var redcol_1_b var redcol_2_b var greencol_1 var greencol_2 var greencol_1_b var greencol_2_b var bluecol_1 var bluecol_2 var bluecol_1_b var bluecol_2_b var rgbredfrom var rgbgreenfrom var rgbbluefrom var rgbredto var rgbgreento var rgbblueto var rgbrednow var rgbgreennow var rgbbluenow var rgbredfrom_b var rgbgreenfrom_b var rgbbluefrom_b var rgbredto_b var rgbgreento_b var rgbblueto_b var rgbrednow_b var rgbgreennow_b var rgbbluenow_b var colorhexafrom var colorhexato var i_step=1 var i_loop=0 var i_colorsA=0 var i_colorsB=1 var i_colorsC=1 var i_colorsD=2 pausebetweencolors*=1000 var browserinfos=navigator.userAgent var ie4=document.all&&!document.getElementById var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns4=document.layers var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie4||ie5||ns4||ns6||opera function translateintorgb() { var hexa=colors[i_colorsA] var hexared=hexa.substring(1,3) var hexagreen=hexa.substring(3,5) var hexablue=hexa.substring(5,7) rgbredfrom=parseInt("0x"+hexared) rgbgreenfrom=parseInt("0x"+hexagreen) rgbbluefrom=parseInt("0x"+hexablue) rgbrednow=rgbredfrom rgbgreennow=rgbgreenfrom rgbbluenow=rgbbluefrom var hexa=colors[i_colorsB] var hexared=hexa.substring(1,3) var hexagreen=hexa.substring(3,5) var hexablue=hexa.substring(5,7) rgbredto=parseInt("0x"+hexared) rgbgreento=parseInt("0x"+hexagreen) rgbblueto=parseInt("0x"+hexablue) var hexa=colors[i_colorsC] var hexared=hexa.substring(1,3) var hexagreen=hexa.substring(3,5) var hexablue=hexa.substring(5,7) rgbredfrom_b=parseInt("0x"+hexared) rgbgreenfrom_b=parseInt("0x"+hexagreen) rgbbluefrom_b=parseInt("0x"+hexablue) rgbrednow_b=rgbredfrom_b rgbgreennow_b=rgbgreenfrom_b rgbbluenow_b=rgbbluefrom_b var hexa=colors[i_colorsD] var hexared=hexa.substring(1,3) var hexagreen=hexa.substring(3,5) var hexablue=hexa.substring(5,7) rgbredto_b=parseInt("0x"+hexared) rgbgreento_b=parseInt("0x"+hexagreen) rgbblueto_b=parseInt("0x"+hexablue) i_colorsA++ i_colorsB++ i_colorsC++ i_colorsD++ if (i_colorsA>=colors.length) {i_colorsA=0} if (i_colorsB>=colors.length) {i_colorsB=0} if (i_colorsC>=colors.length) {i_colorsC=0} if (i_colorsD>=colors.length) {i_colorsD=0} changefromto() } function changefromto() { rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed) rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed) rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed) rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed) rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed) rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed) if (rgbrednow>255) {rgbrednow=255} if (rgbrednow<0) {rgbrednow=0} if (rgbgreennow>255) {rgbgreennow=255} if (rgbgreennow<0) {rgbgreennow=0} if (rgbbluenow>255) {rgbbluenow=255} if (rgbbluenow<0) {rgbbluenow=0} if (rgbrednow_b>255) {rgbrednow_b=255} if (rgbrednow_b<0) {rgbrednow_b=0} if (rgbgreennow_b>255) {rgbgreennow_b=255} if (rgbgreennow_b<0) {rgbgreennow_b=0} if (rgbbluenow_b>255) {rgbbluenow_b=255} if (rgbbluenow_b<0) {rgbbluenow_b=0} if (i_step<=speed) { redcol_1 = hexc[Math.floor(rgbrednow/16)]; redcol_2 = hexc[Math.floor(rgbrednow)%16]; greencol_1 = hexc[Math.floor(rgbgreennow/16)]; greencol_2 = hexc[Math.floor(rgbgreennow)%16]; bluecol_1 = hexc[Math.floor(rgbbluenow/16)]; bluecol_2 = hexc[Math.floor(rgbbluenow)%16]; redcol_1_b = hexc[Math.floor(rgbrednow_b/16)]; redcol_2_b = hexc[Math.floor(rgbrednow_b)%16]; greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)]; greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16]; bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)]; bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b if (ie5 && gradient_effect!="none") { if (gradient_effect=="horizontal") {var gr_effect=1} if (gradient_effect=="vertical") {var gr_effect=0} document.body.style.filter= "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")" } else { document.bgColor=backcolor } i_step++ var timer=setTimeout("changefromto()",pausesteps); } else { clearTimeout(timer) i_step=1 i_loop++ if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);} } } if (browserok) { window.onload=translateintorgb } </script> <script LANGUAGE="JavaScript"> <!-- Begin> function ecuacion() { ang_b = document.FORM1.angb.value; h = document.FORM1.hipo.value; ang_a = document.FORM1.anga.value; lad_a = document.FORM1.ladoa.value; lad_b = document.FORM1.ladob.value; if (ang_a>0 && lad_a>0) { rad = (Math.PI / 180) * ang_a; seno = Math.sin(rad); cos = Math.cos(rad); hipo = Math.round(lad_a / seno); ladob =Math.round( hipo * cos); angb = 90 - ang_a; document.FORM1.codigos.value = 'hipotenusa=lado a / sen(A) \r' + 'h=' + lad_a + ' /' + 'sen(' + ang_a + ')' + '\r' + 'h=' + lad_a + ' /(' + seno + ')' + '\r' + 'h= ' + hipo + '\r\r' + 'lado b=hipotenusa * cos A \r' + 'lado b=' + hipo + ' *' + 'coseno(' + cos + ')' + '\r' + 'lado b= ' + hipo + '*' + cos + '\r' + 'b= ' + ladob + '\r\r' + 'angulo B=' + 180 + ' -' + 90 + '-' + '(' + ang_a + ')' + '\r' + 'B= ' + angb + '\r\r'; } else if(ang_b>0 && lad_b>0 ) { rad2 = (Math.PI / 180) * ang_b; seno = Math.sin(rad2); cos2 = Math.cos(rad2); hipo2 = Math.round(lad_b / seno); lada =Math.round( hipo * cos2); anga = 90 - ang_b; document.FORM1.codigos.value = 'hipotenusa=sen(B) * b\r' + 'h=' + lad_b + ' /' + 'sen(' + ang_b + ')' + '\r' + 'h=' + lad_b + ' /(' + seno + ')' + '\r' + 'h= ' + hipo2 + '\r\r' + 'lado a=' + hipo2 + ' *' + 'coseno(' + ang_b + ')' + '\r' + 'lado a= ' + hipo2 + '*' + cos2 + '\r' + 'laado a= ' + lada + '\r\r' + 'angulo A=' + 180 + ' -' + 90 + '-' + '(' + ang_b + ')' + '\r' + 'A= ' + anga + '\r\r'; } else if( lad_b>0 && lad_a>0 ) { raiz1=(lad_a*lad_a); raiz2=(lad_b*lad_b); raiz=raiz1+raiz2; hip=Math.round(Math.sqrt(raiz)); anga1=lad_a/hip; rad=Math.asin(anga1); angrad = Math.round((180 / Math.PI) * rad); angb = 90 - angrad; document.FORM1.codigos.value = 'hipotenusa=raiz(lad_a^2 +lado_b^2) b\r' + 'hipotenusa=' + 'raiz(' + raiz1 + ' + ' + raiz2 + ')' + '\r' +'hipotenusa='+raiz+'\r' + 'hipotenusa=' + hip + '\r\r' + 'angulo A=' + 'asen(a/h' + '\r' + 'angulo A=' + 'asen(' + lad_a + '/' + hip + ')\r' + 'angulo A=' + 'asen(' + anga1 + ')\r' + 'angulo A=' + angrad + '\r\r' + 'angulo B=' + 180 + ' -' + 90 + '-' + '(' + angrad + ')' + '\r' + 'angulo B=' + angb + '\r\r'; } if (h > 0 && ang_b > 0) { rad = (Math.PI / 180) * ang_b; seno = Math.sin(rad); cos = Math.cos(rad); ladob = Math.round(h * seno); ladoa = Math.round(h * cos); anga = 90 - ang_b; document.FORM1.codigos.value = 'seno B=lado b / h \r' + 'lado b=' + 'hipotenusa' + ' *' + 'sen(' + ang_b + ')' + '\r' + 'lado b=' + h + ' /(' + seno + ')' + '\r' + 'lado b= ' + ladob + '\r\r' + 'lado a=hipotenusa * cos B \r' + 'lado a=' + hipo + ' *' + 'coseno(' + ang_b + ')' + '\r' + 'lado a= ' + hipo + '*' + cos + '\r' + 'lado a= ' + ladoa + '\r\r' + 'angulo A=' + 180 + ' -' + 90 + '-' + '(' + ang_b + ')' + '\r' + 'Angulo A= ' + anga + '\r\r'; } if (h > 0 && ang_a > 0) { rad = (Math.PI / 180) * ang_a; seno = Math.sin(rad); cos = Math.cos(rad); ladob = Math.round(h * cos); ladoa = Math.round(h * seno); angb = 90 - ang_a; document.FORM1.codigos.value = 'seno A=lado a / h \r' + 'lado a=' + lad_a + ' *' + 'sen(' + ang_a + ')' + '\r' + 'lado a=' + lad_a + ' /(' + seno + ')' + '\r' + 'lado a= ' + ladoa + '\r\r' + 'lado b=hipotenusa * cos A \r' + 'lado b=' + hipo + ' *' + 'coseno(' + ang_a + ')' + '\r' + 'lado b= ' + hipo + '*' + cos + '\r' + 'lado b= ' + ladob + '\r\r' + 'angulo B=' + 180 + ' -' + 90 + '-' + '(' + ang_a + ')' + '\r' + 'B= ' + angb + '\r\r'; } if (lad_a> 0 && ang_b > 0) { rad = (Math.PI / 180) * ang_b; seno = Math.sin(rad); cos = Math.cos(rad); hip = Math.round(lad_a / cos); ladob = Math.round(hip * seno); anga = 90 - ang_b; document.FORM1.codigos.value = 'cos B=lado a / h \r' + 'hipotenusa=' + lad_a + ' /' + 'cos(' + ang_b + ')' + '\r' + 'hipotenusa=' + lad_a + ' /(' + cos + ')' + '\r' + 'hipotenusa= ' + hip + '\r\r' + 'lado b= hipoptenusa* seno B \r' + 'lado b=' + hip + ' *' + 'seno(' + ang_b + ')' + '\r' + 'lado b= ' + hip + '*' + seno + '\r' + 'lado b= ' + ladob + '\r\r' + 'angulo A=' + 180 + ' -' + 90 + '-' + '(' + ang_b + ')' + '\r' + 'B= ' + anga + '\r\r'; } if (lad_b> 0 && ang_a > 0) { rad = (Math.PI / 180) * ang_a; seno = Math.sin(rad); cos = Math.cos(rad); hip = Math.round(lad_b / cos); ladoa = Math.round(hip * seno); angb = 90 - ang_a; document.FORM1.codigos.value = 'cos A=lado b / h \r' + 'hipotenusa=' + lad_b + ' /' + 'cos(' + ang_a + ')' + '\r' + 'hipotenusa=' + lad_b + ' /(' + cos + ')' + '\r' + 'hipotenusa= ' + hip + '\r\r' + 'lado a= hipoptenusa* seno A \r' + 'lado a=' + hip + ' *' + 'seno(' + ang_a + ')' + '\r' + 'lado a= ' + hip + '*' + seno + '\r' + 'lado a= ' + ladoa + '\r\r' + 'angulo B=' + 180 + ' -' + 90 + '-' + '(' + ang_a + ')' + '\r' + 'B= ' + angb + '\r\r'; } else if (h > 0 && lad_a > 0) { cosa = lad_a / h; rad = Math.acos(cosa); acosb = Math.round((180 / Math.PI) * rad); anga = 90 - acosb; ladob =Math.round( h * Math.sin(rad)); document.FORM1.codigos.value = 'cos B=lado a/hipotenusa\r' + 'angulo B= acos('+lad_a+' / '+h+')' + '\r' + 'angulo B=acos(' + cosa +')'+ '\r' + 'angulo B=' + acosb + '\r\r' + 'angulo A=' +180+'- '+90+'-'+acosb + '\r' + 'angulo A=' + anga + '\r\r' + 'lado b=' + 'hipotenusa' +'*'+' sen('+rad +')'+ ')\r' + 'ladp b=' + h + '*'+acosb+'\r\r' + 'lado b=' + ladob + '\r\r'; } else if (h > 0 && lad_b > 0) { cosa = lad_b / h; rad = Math.acos(cosa); acosa = Math.round((180 / Math.PI) * rad); angb = 90 - acosa; ladoa = Math.round(h * Math.sin(rad)); document.FORM1.codigos.value = 'cos A=lado b/hipotenusa\r' + 'angulo A= acos(' + lad_b + ' / ' + h + ')' + '\r' + 'angulo A=acos(' + cosa + ')' + '\r' + 'angulo A=' + acosa + '\r\r' + 'angulo B=' + 180 + '- ' + 90 + '-' + acosa + '\r' + 'angulo A=' + angb + '\r\r' + 'lado a=' + 'hipotenusa' + '*' + ' sen(' + rad + ')' + ')\r' + 'ladp a=' + h + '*' + acosa + '\r\r' + 'lado a=' + ladoa + '\r\r'; } else alert("intentalo nuevamente, pon solo dos valores"); } function resetval(){ document.FORM1.anga.value = ' '; document.FORM1.ladoa.value = ' '; document.FORM1.angb.value = ''; document.FORM1.hipo.value = ''; document.FORM1.ladob.value = ''; document.FORM1.codigos.value = ' '; } // End --> </script> </HEAD> <body> <script type="text/javascript"> var reply = prompt("Buenas, cual es tu nombre?", "") alert("Bienvenido al simulador de solución de triángulos rectángulos " + reply + "!") </script> <div align="center"> <form name="FORM1"> <img src="jean.png" /> <br><br> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>SIMULADOR DE TRI&AacuteNGULO RECT&AacuteNGULO</b></font> <br><br> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>Escribe los valores de dos cuadros para calcular los demas</b></font> <br><br> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>Angulo B</b></font> <input type="text" aling:"left" size="2" name="angb"value="" onfocus="this.value=''"/> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>Hipotenusa</b></font> <input type="text" aling:"right" size="10" name="hipo"value="" onfocus="this.value=''"/> <br > <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>Lado a</b></font> <input type="text" aling:"left" size="2" name="ladoa"value="" onfocus="this.value=''"/> <img src="tria.png" /> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>Angulo A</b></font> <input type="text" aling: "right" size="2" name="anga"value="" onfocus="this.value=''"/> <br> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>lado b</b></font> <input type="text" aling: "left" size="2" name="ladob"value="" onfocus="this.value=''"/> <br> <input type="button" name="x" onclick="ecuacion()" value="Calcular b y B"/> <p> <font face="Arial, Helvetica, Sans Serif" size="3" color="#0000FF"><b>El Cálculo y Solución es el siguiente:</b></font><br> <textarea name="codigos" rows="10" cols="50"> </textarea> <br> <input type="button" name="reset" value="Limpiar" onclick="resetval()"> </form> </div> </body> </html>