Estoy creando un sitio web para mi escuela sobre un tema determinado. Pensé que sería divertido poner un pequeño "secreto" en el que pueda presionar un botón que abra una página secreta o una superposición...
Ejemplo de un sitio web que usa algo como esto: https://krunker.io/ (presione el número "5" cuando esté en el menú principal)
Es bastante simple, puede agregar algún detector de eventos al cuerpo como este.
body = document.querySelector("body") body.addEventListener("keyup", (event) => { console.log(event) })Luego, si ve la variable de evento. Verá qué tecla ha sido presionada cuando esté en la página. Una vez que comprenda, puede personalizar la función para lograr lo que desea. Por ejemplo, si se presiona "w":
body.addEventListener("keyup", (event) => { if(event.key === "w"){ // Do something here } })Hola, puedes enlazar a tu sitio web con algo como esto.
document.addEventListener("keydown", (event) => { // Move this to a separate function to manage the logic if (event.code === "Numpad9") { console.log("Numpad9 Pressed"); } // Your page here window.open("www.youtube.com", "_blank"); });