Del contenido del capítulo JS Numbers Methods W3Schools.
Ejercicio 1. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El método <i>toString()</i> convierte un número en un string.</h2> <p id="demo"></p> <script> var x = 123; document.getElementById("demo").innerHTML = x.toString() + "<br>" + //desde una variable (123).toString() + "<br>" + //desde un literal (100 + 23).toString(); //desde una expresión </script> </body> </html> |
Ejercicio 2.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El método <i>toExponential()</i> devuelve un string con el número redondeado y escrito con notación exponencial.</h2> <p>Un parámetro opcional define el número de dígitos decimales.</p> <p id="demo"></p> <script> var x = 9.656; document.getElementById("demo").innerHTML = x.toExponential() + "<br>" + //sin parámetros x.toExponential(2) + "<br>" + //con dos decimales x.toExponential(4) + "<br>" + //con cuatro decimales x.toExponential(6); //con seis decimales </script> </body> </html> |
Ejercicio 3. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El método <i>toFixed()</i> redondea un número con un número concreto de decimales.</h2> <p>Para trabajar con dinero en euros <i>toFixed(2)</i> es perfecto.</p> <p id="demo"></p> <script> var x = 9.656; document.getElementById("demo").innerHTML = x.toFixed(0) + "<br>" + //sin decimales x.toFixed(2) + "<br>" + //con dos decimales x.toFixed(4) + "<br>" + //con cuatro decimales x.toFixed(6); //con seis decimales </script> </body> </html> |
Ejercicio 4. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El método <i>toPrecision()</i> devuelve un string con un número escrito con el número de cifras indicado.</h2> <p id="demo"></p> <script> var x = 9.656; document.getElementById("demo").innerHTML = x.toPrecision() + "<br>" + //sin especificar el número de cifras x.toPrecision(2) + "<br>" + //con dos cifras en total x.toPrecision(4) + "<br>" + //con cuatro cifras en total x.toPrecision(6); //con seis cifras en total </script> </body> </html> |
Ejercicio 5.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El método global <i>Number()</i> convierte variables en números.</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = Number(true) + "<br>" + //devuelve 1 Number(false) + "<br>" + //devuelve 0 Number(new Date()) + "<br>" + //devuelve milisegundos desde el 1/1/1970 Number(" 10") + "<br>" + //devuelve 10 Number("10 ") + "<br>" + //devuelve 10 Number("10 6"); //devuelve NaN </script> </body> </html> |
Ejercicio 6. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>La función global <i>parseInt()</i> analiza strings y los convierte en números enteros.</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = parseInt("10") + "<br>" + //devuelve 10 parseInt("10.33") + "<br>" + //devuelve 10 parseInt("10 6") + "<br>" + //devuelve 10 parseInt("10 years") + "<br>" + //devuelve 10 parseInt("years 10"); //devuelve NaN </script> </body> </html> |
Ejercicio 7. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>La función global <i>parseFloat()</i> convierte strings en números (también pueden ser decimales).</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = parseFloat("10") + "<br>" + //devuelve 10 parseFloat("10.33") + "<br>" + //devuelve 10.33 parseFloat("10 6") + "<br>" + //devuelve 10 parseFloat("10 years") + "<br>" + //devuelve 10 parseFloat("years 10"); //devuelve NaN </script> </body> </html> |
Ejercicio 8.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Métodos de Números JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <link href="../estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <h2>El métddo <i>valueOf()</i> devuelve un número como un número.</h2> <p id="demo"></p> <script> var x = 123; document.getElementById("demo").innerHTML = x.valueOf() + "<br>" + //devuelve 123 (123).valueOf() + "<br>" + //devuelve 123 (100 + 23).valueOf(); //devuelve 123 </script> </body> </html> |
No hay comentarios:
Publicar un comentario