DEV Community

Cristian Fernando
Cristian Fernando

Posted on

Paracetamol.js馃拪| #125: Explica este c贸digo JavaScript

Explica este c贸digo JavaScript

Dificultad: Intermedio

<!--HTML-->
<button id="vibrar">Vibrar</button>
Enter fullscreen mode Exit fullscreen mode
//JS
const v = document.querySelector("#vibrar");
const salida = v.addEventListener('click', () => {
  window.navigator.vibrate(1000);
})
Enter fullscreen mode Exit fullscreen mode

A. Har谩 que el dispositivo vibre por 1s sin dar click al bot贸n.
B. Har谩 que el dispositivo vibre por 1s despu茅s de presionar el bot贸n.
C. undefined
D. La API Vibration no existe en JS.

Respuesta en el primer comentario.


Discussion (1)

Collapse
duxtech profile image
Cristian Fernando Author

Respuesta:
B. Har谩 que el dispositivo vibre por 1s despu茅s de presionar el bot贸n.

La mayor铆a de los dispositivos modernos pueden vibrar a trav茅s del hardware, esto permite que a trav茅s del c贸digo de software se pueda emitir estas vibraciones. La Vibration API ofrece a las aplicaciones web la capacidad de acceder a este hardware en caso este lo soporte, caso contrario el dispositivo no hace nada.

Basta la l铆nea window.navigator.vibrate() y pasarle el tiempo en ms que queremos que dure la vibraci贸n para poder lograr este efecto.

Te dejo el ejemplo en ejecuci贸n para que lo pruebes tu mismo, recuerda que debes ejecutar el ejemplo en un dispositivo m贸vil para que vibre

驴Qu茅 te pareci贸?