Appearance
Práctica 3
¡Arrancamos con JavaScript!
Vamos a comenzar a trabajar con JavaScript, crea un repositorio en tu cuenta de GitHub llamado javascript_fundamentals, clónalo en tu ordenador y abre el proyecto con Visual Studio Code.
Ejercicio 1
- Crea un archivo llamado
01_ejercicio.js. - Crea una variable llamada
nombrey asígnale tu nombre. - Muestra el valor de la variable por consola.
js
let nombre = "Juan"
console.log(nombre)let nombre = "Juan"
console.log(nombre)Ejercicio 2
- Crea un archivo llamado
02_ejercicio.js. - Crea una variable llamada
valory asígnale un valor. - Muestra el doble de la variable por consola.
js
let valor = 5
console.log(valor * 2)let valor = 5
console.log(valor * 2)Ejercicio 3
Crea un archivo llamado
03_ejercicio.js.Crea un objeto llamado
usuariocon las siguientes propiedades:nombre: Tu nombre.edad: Tu edad.ciudad: Tu ciudad.
Crea una variable llamada "saludo" y asígnale un valor que sea una plantilla de texto que incluya las propiedades del objeto
usuario, de manera que al mostrar el valor de la variable por consola se muestre el siguiente texto con los datos de vuestro objeto:
Hola, me llamo <nombre>, tengo <edad> años y soy de <ciudad>.Hola, me llamo <nombre>, tengo <edad> años y soy de <ciudad>.js
let usuario = {
nombre: "Juan",
edad: 32,
ciudad: "Granada"
}
let saludo = `Hola, me llamo ${usuario.nombre}, tengo ${usuario.edad} años y soy de ${usuario.ciudad}.`
console.log(saludo)let usuario = {
nombre: "Juan",
edad: 32,
ciudad: "Granada"
}
let saludo = `Hola, me llamo ${usuario.nombre}, tengo ${usuario.edad} años y soy de ${usuario.ciudad}.`
console.log(saludo)Ejercicio 4
- Crea un archivo llamado
04_ejercicio.js. - En este ejercicio debes crear varias funciones simples:
- Crea una función llamada
sumarque reciba dos parámetros y devuelva la suma de ambos. - Crea una función llamada
restarque reciba dos parámetros y devuelva la resta de ambos. - Crea una función llamada
multiplicarque reciba dos parámetros y devuelva el producto de ambos. - Crea una función llamada
dividirque reciba dos parámetros y devuelva el cociente de ambos. - Crea una función llamada
dobleque reciba un parámetro y devuelva el doble del mismo.
- Crea una función llamada
- Muestra los resultados de las funciones por consola.
js
function sumar(a, b){
return a + b;
}
function restar(a, b){
return a - b;
}
function multiplicar(a, b){
return a * b;
}
function dividir(a, b){
return a / b;
}
function doble(a){
return a * 2;
}
//callback
function calc(a, b, accion){
return accion(a, b);
}
console.log(calc(2, 3, sumar));function sumar(a, b){
return a + b;
}
function restar(a, b){
return a - b;
}
function multiplicar(a, b){
return a * b;
}
function dividir(a, b){
return a / b;
}
function doble(a){
return a * 2;
}
//callback
function calc(a, b, accion){
return accion(a, b);
}
console.log(calc(2, 3, sumar));Ejercicio 5
- Crea un archivo llamado
05_ejercicio.js. - Crea una función que nos permita calcular el área de un círculo.
- La función se llamará
areaCirculoy recibirá un parámetro que será el radio del círculo. - La función mostrará por consola el resultado de calcular el área de un círculo con el radio que le hemos pasado y devolverá el mismo valor.
Recuerda que el área de un círculo se calcula con la siguiente fórmula:
A = π * r²
js
function areaCirculo_aux(radio){
return 3.1416 * radio * radio;
}function areaCirculo_aux(radio){
return 3.1416 * radio * radio;
}Ejercicio 6
- Crea un archivo llamado
06_ejercicio.js. - Vamos a crear una función que nos permita convertir grados Celsius a Fahrenheit. La función se llamará
celsiusToFahrenheity recibirá un parámetro que será la temperatura en grados Celsius. - La función mostrará por consola el resultado de calcular la conversión de grados Celsius a Fahrenheit con el valor que le hemos pasado y devolverá el mismo valor.
Recuerda que la conversión de grados Celsius a Fahrenheit se calcula con la siguiente fórmula:
F = (C * 1.8) + 32
js
function celsiusToFahrenheit(celsius) {
return (celsius * 1.8) + 32;
}function celsiusToFahrenheit(celsius) {
return (celsius * 1.8) + 32;
}Ejercicio 7
- Crea un archivo llamado
07_ejercicio.js. - Vamos a crear una función que nos permita calcular el precio de un producto aplicando el IVA. La función se llamará
calcularPrecioConIvay recibirá un parámetro que será el precio sin IVA. - La función mostrará por consola el resultado de calcular el precio de un producto con IVA con el valor que le hemos pasado y devolverá el mismo valor.
Recuerda que el IVA se calcula aplicando un 21% al precio sin IVA.
js
function calcularPrecioConIva(precioSinIva) {
return precioSinIva * 1.21;
}function calcularPrecioConIva(precioSinIva) {
return precioSinIva * 1.21;
}Ejercicio 8
- Crea un archivo llamado
08_ejercicio.js. - Haz un programa que muestre por consola los números del 1 al 10 de manera ascendente utilizando un bucle.
El resultado debería ser el siguiente:
1
2
3
4
5
6
7
8
9
101
2
3
4
5
6
7
8
9
10js
for(let i = 1; i <= 10; i++){
console.log(i);
}for(let i = 1; i <= 10; i++){
console.log(i);
}Ejercicio 9
- Crea un archivo llamado
09_ejercicio.js. - Haz un programa que muestre por consola los números del 1 al 10 de manera descendente utilizando un bucle.
El resultado debería ser el siguiente:
10
9
8
7
6
5
4
3
2
110
9
8
7
6
5
4
3
2
1js
for(let i = 10; i >= 1; i--){
console.log(i);
}for(let i = 10; i >= 1; i--){
console.log(i);
}Ejercicio 10
- Crea un archivo llamado
10_ejercicio.js. - Haz un programa que muestre por consola los numeros del -10 al 1 de manera ascendente utilizando un bucle.
El resultado debería ser el siguiente:
-10
-9
-8
-7
-6
-5
-4
-3
-2
-1-10
-9
-8
-7
-6
-5
-4
-3
-2
-1js
for(let i = -10; i <= 1; i++){
console.log(i);
}for(let i = -10; i <= 1; i++){
console.log(i);
}