Código de JavaScript - Mixto a Fracción

Mixto a Fraccióngráfica de visualizaciones


JavaScript

Publicado el 19 de Marzo del 2015 por armando
1.131 visualizaciones desde el 19 de Marzo del 2015. Una media de 14 por semana
Código de javascript que convierte un número mixto a fracción.

mixto

1.0

Publicado el 19 de Marzo del 2015gráfica de visualizaciones de la versión: 1.0
1.132 visualizaciones desde el 19 de Marzo del 2015. Una media de 14 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

copia el documento y grabala como mixto.html, funciona correctamente en firefox y chrome
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:) Trasforma mixto en Fracción Autor:Armando Obando</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
function transformar(){
var num1,denom1,entero1,Resultado;
entero1=entero.value;
num1=parseInt (numerador.value);
denom1= parseInt(denominador.value);
if (denom1>0){
resultado=(entero1*denom1)+ parseInt(num1);
numeradore.value=resultado;
denominadore.value=denom1;
alert("El numero mixto ha sido transformado Correctamente... ");
}
else{
alert("El denominador debe ser distino de cero (0)... ");
}
}

</script>
<script language="JavaScript" type="text/JavaScript">
function limpiar(){
entero.value="";
numerador.value="";
denominador.value="";
numeradore.value="";
denominadore.value="";
alert("Borrado de pantalla OK... ");
}
</script>

<style type="text/css">
<!--
.style1 {font-size: 28px; 
color: #FF0000}
.style2 {color: #FF0000}
.style4 {color: #FF0000; font-weight: bold; }
.style6 {font-size: 28px; color: #0000FF; font-weight: bold; }
.style7 {
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
}
.style8 {
	color: #FF00FF;
	font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; width:479px; height:115px; z-index:1; left: 10px; top: 75px;">
  <p>&nbsp;  </p>
  <input name="entero" class="style1" font="arial" type="text" id="entero" value="" size="2">
<div id="Layer2" style="position:absolute; width:297px; height:59px; z-index:2; left: 104px; top: 9px;">
  <p>&nbsp;    </p>
  <p>_______ = _____________________ </p>
  <div id="Layer4" style="position:absolute; width:18px; height:25px; z-index:2; left: 3px; top: 32px;">
    <input name="numerador" type="text" id="numerador" size="2" maxlength="4">
  </div>
  <div id="Layer3" style="position:absolute; width:87px; height:88px; z-index:2; left: 100px; top: 6px;">
    <p>
      <input name="numeradore" class="style1" font="arial"  align="center" type="text" id="numeradore" value="" size="4">
    </p>
    <p>
      <input name="denominadore" align="center" class="style1" font="arial" type="text" id="denominadore" value="" size="4">
        </p>
  </div>
  <p>&nbsp;  </p>
</div>
<p>&nbsp;  </p>
  <p>
    <input type="button" name="Button" value="Transformar&gt;&gt;" onClick="transformar()">
    <input type="button" name="Button2" value="Borrar" onClick="limpiar()" >
  </p>
</div>
<div align="center"><span class="style6">N&uacute;mero mixto a Fracci&oacute;n</span>
</div>
<div id="Layer5" style="position:absolute; width:15px; height:27px; z-index:2; left: 119px; top: 162px;">
  <input name="denominador" type="text" id="denominador" size="2" maxlength="4">
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="style4">Ej:</span> 5 1/2 =(5x2+1) / 2 = <span class="style8">11/2 </span></p>
<p class="style2"><strong>Autor: </strong><span class="style7">Armando Obando marzo 19 de 2015 Tangua-Nari&ntilde;o </span></p>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3083