New game
Download
SCORM download
To be used in an LMS (Moodle, Blackboard...)
Regular download
To be published on a website or blog.
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.
Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.
Get Academic Plan
If you wish, you can download a demo game here and test its integration:
Share game
Fill in the Blanks
Fill in the Blanks

Completar Frases Técnicas: LicuadoraJS, Emoji Mood Mixer y Web Audio API

Integrate it into your platform
G. Classroom M. Teams
You can integrate the game into an LMS compatible with LTI 1.1 or LTI 1.3 such as Canvas, Moodle, or Blackboard. This way, the scores will be automatically saved into the platform’s gradebook.
Download
You have exceeded the maximum number of games you can integrate into Google Classroom with your current Plan.

To integrate as many games as you want in Google Classroom, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
You have exceeded the maximum number of games you can integrate into Microsoft Teams with your current Plan.

To integrate as many games as you want in Microsoft Teams, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.

Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.

If you wish, you can download a demo game here and test its integration:

Get Academic Plan

Completar Frases Técnicas: LicuadoraJS, Emoji Mood Mixer y Web Audio API

Fill in the Blanks

Played 28 %Accuracy 83 Average time 14:11
Create copy

About this activity

¡Desafío de vocabulario para los programadores de décimo!

Esta actividad de completar frases ha sido diseñada para afianzar los conceptos técnicos más importantes de los proyectos "LicuadoraJS" y "Emoji Mood Mixer". A lo largo del texto, encontrarás espacios en blanco que deberás rellenar con palabras clave de HTML, CSS y JavaScript.

El ejercicio abarca desde la estructura básica del documento (etiquetas y metadatos), pasando por el estilizado con Flexbox y transiciones, hasta la lógica de programación con condicionales (if/else) y la manipulación del DOM utilizando métodos como getElementById, classList, querySelectorAll y addEventListener. También pondrás a prueba tus conocimientos sobre el control de audio (play, pause, loop) y la innovadora Web Audio API, donde se crean osciladores, nodos de ganancia y conexiones en tiempo real para generar sonidos personalizados.

Instrucciones: Lee cada oración cuidadosamente, analiza el contexto y escribe la palabra técnica que complete correctamente la frase. ¡No olvides repasar tus apuntes sobre el "motorcito" de la licuadora y la mezcla de estados de ánimo con emojis!

Docente: Hevert Núñez | Área: Tecnología e Informática.

Created by

Jhon Hevert Nuñez Blando
Jhon Hevert Nuñez Blando
Colombia

Download the paper version to play

Make your own free game from our game creator
Compete against your friends to see who gets the best score in this game
Make challenge

Top Games

 %
Anonymous
Anonymous
 %
%
%
You have exceeded the maximum number of games you can print with your current Plan.

To print as many games as you want, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Print your game
Completar Frases Técnicas: LicuadoraJS, Emoji Mood Mixer y Web Audio API
 

Fill in the Blanks

Completar Frases Técnicas: LicuadoraJS, Emoji Mood Mixer y Web Audio APIOnline version

¡Desafío de vocabulario para los programadores de décimo! Esta actividad de completar frases ha sido diseñada para afianzar los conceptos técnicos más importantes de los proyectos "LicuadoraJS" y "Emoji Mood Mixer". A lo largo del texto, encontrarás espacios en blanco que deberás rellenar con palabras clave de HTML, CSS y JavaScript. El ejercicio abarca desde la estructura básica del documento (etiquetas y metadatos), pasando por el estilizado con Flexbox y transiciones, hasta la lógica de programación con condicionales (if/else) y la manipulación del DOM utilizando métodos como getElementById, classList, querySelectorAll y addEventListener. También pondrás a prueba tus conocimientos sobre el control de audio (play, pause, loop) y la innovadora Web Audio API, donde se crean osciladores, nodos de ganancia y conexiones en tiempo real para generar sonidos personalizados. Instrucciones: Lee cada oración cuidadosamente, analiza el contexto y escribe la palabra técnica que complete correctamente la frase. ¡No olvides repasar tus apuntes sobre el "motorcito" de la licuadora y la mezcla de estados de ánimo con emojis! Docente: Hevert Núñez | Área: Tecnología e Informática.

by Jhon Hevert Nuñez Blando
1

CURRENTTIME HTML PAUSED GETELEMENTBYID PLAY CLASSLIST LOOP PAUSE VIEWPORT ELSE ACTIVE IF ONCLICK

Para iniciar el desarrollo de ambos proyectos , es fundamental comprender la estructura base . El archivo [ ] comienza con la declaración DOCTYPE y la etiqueta con el atributo lang . Dentro del , los metadatos como charset y [ ] son cruciales para la correcta visualización en móviles . Luego , vinculamos nuestros estilos y scripts . En el caso de la licuadora , el div principal tiene el id blender . Al presionar el botón , se activa el evento [ ] que ejecuta nuestra lógica en JavaScript . Dentro de la función controlarLicuadora , utilizamos una variable de estado y la evaluamos con la estructura [ ] y [ ] . Si la licuadora está apagada , se agrega la clase [ ] usando el método [ ] para cambiar la imagen de fondo de licuadoraApagada . png a licuadoraEncendida . gif . Simultáneamente , manejamos los archivos de audio . Para obtener los elementos de audio , usamos [ ] . Con los métodos [ ] y [ ] controlamos la reproducción . La propiedad [ ] se reinicia a cero para que el sonido no continúe desde donde se pausó , y verificamos el estado del audio con la propiedad [ ] . Además , el sonido de la licuadora requiere el atributo [ ] para que sea continuo .

2

ADDEVENTLISTENER HOVER APPENDCHILD QUERYSELECTORALL TRANSITION FLEX CREATELEMENT BACKGROUNDCOLOR TEXTCONTENT

Por otro lado , el proyecto Emoji Mood Mixer profundiza en la manipulación del DOM y el uso de la Web Audio API . En el CSS de este proyecto , el body utiliza display con valor [ ] para centrar todo , y se apoya en la propiedad [ ] para suavizar el cambio de fondo . La interacción visual se refuerza con la pseudo - clase [ ] , que escala y rota los emojis . En JavaScript , ya no usamos onclick en el HTML , sino que empleamos el método moderno [ ] para asignar eventos . Creamos los elementos dinámicamente con [ ] y los añadimos al contenedor con [ ] . Para eliminar la selección anterior , utilizamos [ ] que nos devuelve todos los elementos con la clase emoji , y luego removemos la clase selected con classList . remove . El texto del mensaje se actualiza con la propiedad [ ] , y el color de fondo se cambia accediendo a [ ] del style del body .

3

RESETMOOD SETVALUEATTIME FREQUENCY OSCILLATOR DESTINATION AUDIOCONTEXT CONNECT LINEARRAMPTOVALUEATTIME GAINNODE

La parte más innovadora es la síntesis de audio en tiempo real . Al hacer clic , se inicializa el [ ] . Este contexto nos permite crear un [ ] para generar la onda sonora y un [ ] para modular el volumen . Ambos se unen mediante el método [ ] hasta llegar al [ ] del sistema . La altura del tono se define con la propiedad [ ] y el método [ ] . Para evitar cortes bruscos , aplicamos [ ] que disminuye el volumen gradualmente antes de detener el oscilador . Finalmente , la función [ ] limpia la selección y restaura el fondo oscuro , demostrando cómo el orden de ejecución y el uso correcto de funciones y eventos crean experiencias interactivas completas .

 
Are you sure you want to leave the page?

If you leave the page, you will lose your game progress.