Hola, dejo la entrega del Ejercicio CU01156E del tutorial pdf de programación web con JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">
<script type="text/javascript">
function prueba()
{
msg='';
Millones(); // Llamada a funcion Numero mayor de 10.000.000
Decimales();// Llamada a funcion Numero con cuatro decimales redondeado a dos
FraseNumero(); // Llamada funcion Numero con Frase
document.all.pizarra.innerHTML=msg;
}
function Millones()
{
var numGran=prompt("Introduzca un numero mayor de 10.000.000 :");
miExpReg=/^\d{9}/;
while (numGran<=10000000 || miExpReg.test(numGran)==false)
{
alert ("El numero introducido es menor o igual que 10.000.000")
numGran=prompt("Introduzca un numero mayor de 10.000.000 :");
}
msg=msg+"el numero introducido es : "+numGran+"<br/>";
var Numero=parseInt(numGran);
numGran=Numero.toPrecision(3);
msg=msg+"el numero con tres dígitos significativos es : "+numGran+"<br/><br/>";
}
function Decimales()
{
var numDeci=prompt("Introduzca un numero con 4 decimales. Ej : 12.1234")
miExpReg=/\d+\.\d{4}/;
while (!miExpReg.test(numDeci))
{
alert ("El numero introducido no contiene 4 decimales")
numDeci=prompt("Introduzca un numero con 4 decimales. Ej : 12.1234")
}
msg=msg+"El numero introducido es :"+numDeci+"<br/>";
var numDeci=parseFloat(numDeci);
msg=msg+"El numero redondeado a dos decimales es:"+numDeci.toFixed(2)+"<br/><br/>";
}
function FraseNumero()
{
var textString=prompt("Introduzca una frase que comience por un número\n que puede ser entero o decimal.\nEjem: 123.321Pepe")
miExpReg=/^\d+\.\d+|^\d+/
while(!miExpReg.test(textString))
{
alert ("El numero introducido no comienza por un numero")
textString=prompt("Introduzca una frase que comience por un número\n que puede ser entero o decimal.\nEjem: 123.321Pepe")
}
msg=msg+"La frase introducida es :"+textString+"<br/>";
msg=msg+"La frase convertida es:"+textString.match(/^\d+\.\d+|^\d+/)+"<br/><br/>";
}
// **************************************
// ******* FIN DEL EJERCICIO **************
// *************************************
</script>
<style type="text/css">
body{background-color:green;}
h1,h2,h3
{
text-align:center;
margin:0;
padding:0;
color:white;
}
.boton
{
border:outset white 2px;
width:200px;
border-radius:25px 25px;
box-shadow:3px 3px 2px 2px #AFF6AF;
text-align:center;
background-color:#90EE90;
color:black;
font-size:19px;
margin-top :2px;
margin-left:5px;
margin-bottom:5px;
}
.boton, #externa{margin-left:150px;}
.boton:hover {
border:inset 2px green;
box-shadow:3px 3px 2px 2px #0BF50B ;
}
#pizarra {
background-color:black;
border:groove red 8px;
border-radius:25px 25px;
color:white;
font-size:19px;
padding:15px;
overflow:hidden;
float:left;
margin-left:10px;
margin-top:10px;
}
#Pizarras{float:left;}
</style>
</head>
<body>
<div id="cabecera">
<h2>Cursos aprenderaprogramar.com</h2>
<h3>Ejemplos JavaScript</h3></div>
<div id="Pizarras">
<div class="boton" onclick="prueba()" >Comprobar</div>
<div id="pizarra"></div>
</body>
</html>
Esperando esté todo correcto, hasta el próximo