Efecto parallax

<style type="text/css">
body{margin:0; background: url(pera.png) fixed;}
.pinas_and_oranges{ position: fixed; width: 100%; height: 1800px; }
.contentLayer{ position: absolute; width: 100%; height: 500px; }
#pinas{ background: url(pina.png) 100px 200px; }
#oranges{ background: url(orange.png) 50px 200px; }
#whiteLayer{top:500px; background: white }
#greenLayer{ top:2500px; background: green}
</style>
<script type="text/javascript">
function parallax(){
	pinas.style.top = -(window.pageYOffset/5)+"px";
	oranges.style.top = -(window.pageYOffset/2)+"px";
}
function start(){
	pinas = document.getElementById("pinas");
	oranges = document.getElementById("oranges");
}
window.addEventListener("scroll", parallax);
window.addEventListener("load", start);
</script>
<div id="pinas" class="pinas_and_oranges"></div>
<div id="oranges" class="pinas_and_oranges"></div>
<div id="whiteLayer" class="contentLayer"></div>
<div id="greenLayer" class="contentLayer"></div>
chiste amigo informático

Ejercicios DOM con funciones

  1. Realizar la calculadora utilizando funciones para las operaciones aritméticas.

  2. Rehacer la calculadora utilizando la función eval() para realizar las operaciones:

    let resultado = eval(operando1 + operacion + operando2);
  3. Ejercicio coste viaje

    Realizaremos el siguiente ejercicio en grupos de tres personas. La propuesta para la distribución de tareas será la siguiente (puede variar según grupo):

    • alumno 1 - Función calcular_coste() y función coste_hotel()
    • alumno 2 - Función coste_avion().
    • alumno 3 - Función coste_alquiler_coche().

    Ejercicio - coste hotel

    Además de la función calcular_coste() que te paso más bajo, crea una función llamada coste_hotel() que recibe como parámetro el número de noches. La función debe devolver cuanto es necesario pagar teniendo en cuenta que cada noche cuesta 140 euros.

    function calcular_coste(){
    	let num_noches = document.getElementById("num_noches").value;
    
    	let resultado1 = coste_hotel(num_noches);
    
    	document.getElementById("result").value = resultado1;
    }

    Ejercicio – Coste avión

    La función coste_avion() tiene como parámetro de entrada el nombre de una ciudad y el número de noches. El coste corresponderá al indicado en la siguiente tabla, pero para una estancia de más de tres noches la agencia de viaje nos hará un descuento del 10%.

    Los costes por ciudad son los siguientes:
    "Oviedo": 15
    "Tokyo": 700
    "Madrid": 90
    "Barcelona": 90

    Ejercicio – Coste alquiler coche

    La función coste_alquiler_coche() tiene como parámetro de entrada el número de noches y devolverá un coste en función de dicho parámetro, teniendo los siguientes aspectos en cuenta:

    • Cada día de alquiler cuesta 40 €.
    • Si alquilas un coche por 3 días o más, obtienes un descuento de 20€ sobre el total.
    • Si alquilas un coche por 7 días o más, obtienes un descuento de 50€ sobre el total (no acumulable con los 20€ de haber alquilado por más de 3 días).
icono de mandar un mail¡Contacta conmigo!
Pablo Monteserín
contacta conmigoPablo Monteserín

¡Hola! ¿En qué puedo ayudarte?