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.


Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando

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ó?