Del contenido del capítulo JS Functions del W3Schools.
Ejercicio 1. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Llamar a la función</h2> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "¡Hola Mundo!"; } // Llamar a la función aquí myFunction(); </script> </body> </html> |
Ejercicio 2.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Corregir lo que sea necesario para que el código funcione</h2> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "¡Hola Mundo!"; } myFunction(); </script> </body> </html> |
Ejercicio 3.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Usar la función para mostrar el producto de 5 * 5</h2> <p id="demo"></p> <script> function myFunction() { // Añadir código aquí return 5 * 5; } document.getElementById("demo").innerHTML = myFunction(); </script> </body> </html> |
Ejercicio 4.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Usar la función para mostrar "Hola Juan"</h2> <p id="demo">Mostrar el resultado aquí.</p> <script> function myFunction(name) { return "Hola " + name; } document.getElementById("demo").innerHTML=myFunction("Juan"); </script> </body> </html> |
Ejercicio 5.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Usar la función para mostrar "¡Hola Mundo!"</h2> <p id="demo">Mostrar el resultado aquí.</p> <script> document.getElementById("demo").innerHTML = "¡Hola Mundo!"; myFunction(); </script> </body> </html> |
Otra forma de resolver este ejercicio es empleando una estructura similar al ejercicio 4. Pasando a la función en parámetro "name" que en este caso va a ser Mundo. Ponemos en el string el signo de abrir admiración y en la variable name, en el parámetro que se le pasa a la función, la admiración hacia abajo.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Ejercicios sobre funciones en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>Usar la función para mostrar "¡Hola Mundo!"</h2> <p id="demo">Mostrar el resultado aquí.</p> <script> function myFunction(name) { return "¡Hola " + name; } document.getElementById("demo").innerHTML=myFunction("Mundo!"); </script> </body> </html> |
No hay comentarios:
Publicar un comentario