Create element

Curso de Javascript Online. Desde cero.

11.  
14.  
19.  
26.  
const div_rojo = document.createElement('div');
div_rojo.setAttribute('id', 'div_rojo_id');
div_rojo.setAttribute('style', 'background:red; width:300px; height:300px');
div_rojo.classList.add('amor');
div_rojo.innerHTML = 'Contenido';
document.querySelector('#div_rojo_wrapper').appendChild(div_rojo);

Ejercicio createElement

A partir de la siguiente página, añadir el código javascript necesario para que inicialmente se reproduzca el video con sonido y la palabra ‘mute‘. Al pulsar sobre el slider, este debe ponerse en silencio y la palabra debe cambiar a ‘unmute‘.

Pista

Pasos a seguir:

1. Añadimos el objeto con el texto ‘mute’ al slider. Lo podemos añadir al elemento .fullscreen-header. El código que define los estilos del botón mute es:

mute_thing.setAttribute('style', 'position:absolute; z-index:1000;background:rgba(0,0,0,0.5);right:10px; bottom:10px; color:white; padding:10px');

2. Quitamos y ponemos sonido al pulsar sobre el slider. Para ello, podemos utilizar el siguiente código:

const video=document.querySelector('.nectar-video-bg');

if(video.muted){
	video.muted = false;
} else {
	video.muted = true;
}

3. Cuando pulsemos sobre el slider, su texto debe cambiar entre mute/unmute.

← Cambiar atributo src
foreach para manipular el DOM →