Tema para preguntas random a Chatgpt 🤖

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
para tv aoc que iptv puedo descargar
La disponibilidad de aplicaciones IPTV puede variar dependiendo del modelo de tu TV AOC. Si tu TV AOC es una Smart TV y tiene acceso a la tienda de aplicaciones Google Play (Android TV), podrías considerar opciones como:

1. GSE Smart IPTV: Ofrece opciones de personalización y compatibilidad con una amplia variedad de formatos de lista de reproducción.

2. Smart IPTV: Esta es otra opción popular entre los usuarios de IPTV.

3. Perfect Player IPTV: Una opción intermedia que ofrece una interfaz fácil de usar.

4. IPTV Smarters Pro: Es una de las mejores aplicaciones para el servicio de IPTV con excelentes funciones.

Recuerda que necesitarás una suscripción o un enlace de lista de reproducción M3U válidos para utilizar estos servicios. Utiliza IPTV de manera legal y responsable.
 
La disponibilidad de aplicaciones IPTV puede variar dependiendo del modelo de tu TV AOC. Si tu TV AOC es una Smart TV y tiene acceso a la tienda de aplicaciones Google Play (Android TV), podrías considerar opciones como:

1. GSE Smart IPTV: Ofrece opciones de personalización y compatibilidad con una amplia variedad de formatos de lista de reproducción.

2. Smart IPTV: Esta es otra opción popular entre los usuarios de IPTV.

3. Perfect Player IPTV: Una opción intermedia que ofrece una interfaz fácil de usar.

4. IPTV Smarters Pro: Es una de las mejores aplicaciones para el servicio de IPTV con excelentes funciones.

Recuerda que necesitarás una suscripción o un enlace de lista de reproducción M3U válidos para utilizar estos servicios. Utiliza IPTV de manera legal y responsable.
hola, tengo una duda, tengo un div con position sticky pero cuando estoy llegando al final de mi scroll se desaparece, que puedo hacer??
 
hola, tengo una duda, tengo un div con position sticky pero cuando estoy llegando al final de mi scroll se desaparece, que puedo hacer??
El comportamiento que describes es normal para position: sticky;. Un elemento con posición sticky se mantiene en la posición fija hasta que su contenedor deja de estar en el viewport o área visible.

Si no quieres que el elemento 'sticky' desaparezca al final del scroll, puedes considerar envolver el contenido en otro div y aplicar un margen inferior a este contenedor igual a la altura de tu elemento sticky.

Aquí un ejemplo:
Insertar CODE, HTML o PHP:
<div style="margin-bottom: tuAlturaAqui;">
    <!-- Contenido -->
</div>
<div style="position: sticky; bottom: 0;">
    <!-- Elemento sticky -->
</div>
Reemplaza "tuAlturaAqui" con la altura de tu elemento sticky.

Esto ayudará a reservar el espacio suficiente para el elemento sticky en la parte inferior de tu contenedor, permitiendo que se muestre incluso cuando haces scroll hasta el final del contenido.
 
El comportamiento que describes es normal para position: sticky;. Un elemento con posición sticky se mantiene en la posición fija hasta que su contenedor deja de estar en el viewport o área visible.

Si no quieres que el elemento 'sticky' desaparezca al final del scroll, puedes considerar envolver el contenido en otro div y aplicar un margen inferior a este contenedor igual a la altura de tu elemento sticky.

Aquí un ejemplo:
Insertar CODE, HTML o PHP:
<div style="margin-bottom: tuAlturaAqui;">
    <!-- Contenido -->
</div>
<div style="position: sticky; bottom: 0;">
    <!-- Elemento sticky -->
</div>
Reemplaza "tuAlturaAqui" con la altura de tu elemento sticky.

Esto ayudará a reservar el espacio suficiente para el elemento sticky en la parte inferior de tu contenedor, permitiendo que se muestre incluso cuando haces scroll hasta el final del contenido.
Hola Bro, cuál es la mejor tarjeta gráfica para minar y dame un aproximado de cuanto podría generar en $ diario?
 
Hola Bro, cuál es la mejor tarjeta gráfica para minar y dame un aproximado de cuanto podría generar en $ diario?
La eficacia de la minería de criptomonedas puede variar enormemente dependiendo de muchos factores, que incluyen el coste de la electricidad en tu área, el tipo de criptomoneda que planeas minar, el precio actual de esa criptomoneda, y la eficacia de tu hardware.

En términos de tarjetas gráficas, las series Nvidia RTX 3000 (como la RTX 3080 y RTX 3090) y las AMD RX 6000 (como la RX 6800 XT y RX 6900 XT) son actualmente algunas de las más eficientes para la minería, principalmente debido a su alto rendimiento y eficiencia energética.

Sin embargo, te recomiendo hacer tu propia investigación, ya que los modelos de tarjeta gráfica pueden variar en precio y disponibilidad dependiendo de tu ubicación y muchos otros factores.

En cuanto a cuánto podrías generar en términos de dólares por día, nuevamente, esto varía enormemente. Te recomiendo utilizar una calculadora de rentabilidad de minería en línea, como la de CryptoCompare o WhatToMine, para obtener una estimación más precisa basada en tus costes de electricidad y el hardware que planeas utilizar. Por otro lado, el minar criptomonedas puede ser complicado y muy variable, así que realiza suficiente investigación antes de comenzar.
 
La eficacia de la minería de criptomonedas puede variar enormemente dependiendo de muchos factores, que incluyen el coste de la electricidad en tu área, el tipo de criptomoneda que planeas minar, el precio actual de esa criptomoneda, y la eficacia de tu hardware.

En términos de tarjetas gráficas, las series Nvidia RTX 3000 (como la RTX 3080 y RTX 3090) y las AMD RX 6000 (como la RX 6800 XT y RX 6900 XT) son actualmente algunas de las más eficientes para la minería, principalmente debido a su alto rendimiento y eficiencia energética.

Sin embargo, te recomiendo hacer tu propia investigación, ya que los modelos de tarjeta gráfica pueden variar en precio y disponibilidad dependiendo de tu ubicación y muchos otros factores.

En cuanto a cuánto podrías generar en términos de dólares por día, nuevamente, esto varía enormemente. Te recomiendo utilizar una calculadora de rentabilidad de minería en línea, como la de CryptoCompare o WhatToMine, para obtener una estimación más precisa basada en tus costes de electricidad y el hardware que planeas utilizar. Por otro lado, el minar criptomonedas puede ser complicado y muy variable, así que realiza suficiente investigación antes de comenzar.
Olvidalooo esas tarjetas son carisimasss mejor me voy a crear una página web 🥺😥
 
Olvidalooo esas tarjetas son carisimasss mejor me voy a crear una página web 🥺😥
¡Esa es una gran idea! Crear una página web puede ser una excelente manera de dar a conocer tu negocio o compartir tus ideas con el mundo. Además, la creación de sitios web es una habilidad muy valiosa en nuestra era digital. Hay varias herramientas y plataformas disponibles que pueden hacerlo más fácil, incluso si no tienes experiencia previa en programación, como WordPress, Wix o Squarespace. ¡Mucho éxito en tu nuevo proyecto!
 
¡Esa es una gran idea! Crear una página web puede ser una excelente manera de dar a conocer tu negocio o compartir tus ideas con el mundo. Además, la creación de sitios web es una habilidad muy valiosa en nuestra era digital. Hay varias herramientas y plataformas disponibles que pueden hacerlo más fácil, incluso si no tienes experiencia previa en programación, como WordPress, Wix o Squarespace. ¡Mucho éxito en tu nuevo proyecto!
<article class="pegs">
<span class="tegos">a</span>
<a href="#" class="coroms">prueba</a>
<a href="#" class="coroms sils">prueba</a>
<a href="#" class="coroms sils">ultima fila</a>
<span class="twads">a</span>
</article>

como hago que el span tegos desaparezca cuando el scroll vertical este en 0 y cuando se mueva aparezca, lo mismo con el span twads
 
<article class="pegs">
<span class="tegos">a</span>
<a href="#" class="coroms">prueba</a>
<a href="#" class="coroms sils">prueba</a>
<a href="#" class="coroms sils">ultima fila</a>
<span class="twads">a</span>
</article>

como hago que el span tegos desaparezca cuando el scroll vertical este en 0 y cuando se mueva aparezca, lo mismo con el span twads
Puedes usar JavaScript para detectar el desplazamiento (scroll) y luego manipular la visibilidad de los elementos mediante estilos CSS. Aquí te dejo un ejemplo simple que puedes adaptar a tus necesidades.

JavaScript:
window.onscroll = function() {
    var scroll = window.scrollY; // obtienes la cantidad de scroll vertical

    var tegos = document.querySelector('.tegos');
    var twads = document.querySelector('.twads');

    // si el scroll es 0, los escondes; de lo contrario, los muestras
    if (scroll === 0) {
        tegos.style.display = 'none';
        twads.style.display = 'none';
    } else {
        tegos.style.display = 'block';
        twads.style.display = 'block';
    }
}
Justo después de hacer scroll, esto comprobará si se ha desplazado o no, y alterará la propiedad de display de los elementos .tegos y .twads en consecuencia.

Recuerda colocar este script en la parte inferior de tu página o dentro de una función que se ejecute después de que el DOM se haya cargado completamente, para que pueda acceder correctamente a los elementos.
 
Puedes usar JavaScript para detectar el desplazamiento (scroll) y luego manipular la visibilidad de los elementos mediante estilos CSS. Aquí te dejo un ejemplo simple que puedes adaptar a tus necesidades.

JavaScript:
window.onscroll = function() {
    var scroll = window.scrollY; // obtienes la cantidad de scroll vertical

    var tegos = document.querySelector('.tegos');
    var twads = document.querySelector('.twads');

    // si el scroll es 0, los escondes; de lo contrario, los muestras
    if (scroll === 0) {
        tegos.style.display = 'none';
        twads.style.display = 'none';
    } else {
        tegos.style.display = 'block';
        twads.style.display = 'block';
    }
}
Justo después de hacer scroll, esto comprobará si se ha desplazado o no, y alterará la propiedad de display de los elementos .tegos y .twads en consecuencia.

Recuerda colocar este script en la parte inferior de tu página o dentro de una función que se ejecute después de que el DOM se haya cargado completamente, para que pueda acceder correctamente a los elementos.
var prio=setInterval(function (){
var ii = document.querySelectorAll(".pegs");
if(0 !== ii.length){
let element = document.getElementsByClassName("pegs")[0];
if(element.scrollWidth-element.offsetWidth ==0){
document.getElementsByClassName('tegos')[0].style.display="none";
document.getElementsByClassName('tegos')[0].style.display="none";
}else if(element.scrollWidth-element.offsetWidth >=1){
var lup=document.getElementsByClassName('pegs')[0].scrollLeft;
if(element.offsetWidth + element.scrollLeft >= element.scrollWidth){
document.getElementsByClassName('twads')[0].style.display="none";
}else if(lup >=1){
document.getElementsByClassName('tegos')[0].style.display="block";
}else{
document.getElementsByClassName('tegos')[0].style.display="none";
document.getElementsByClassName('twads')[0].style.display="block";
}
}
}else{
clearInterval(prio);
}
}, 300);

puedes hacer que cuando el scroll no este al final ni en 0 se muestren los 2 tegos y twads
 
var prio=setInterval(function (){
var ii = document.querySelectorAll(".pegs");
if(0 !== ii.length){
let element = document.getElementsByClassName("pegs")[0];
if(element.scrollWidth-element.offsetWidth ==0){
document.getElementsByClassName('tegos')[0].style.display="none";
document.getElementsByClassName('tegos')[0].style.display="none";
}else if(element.scrollWidth-element.offsetWidth >=1){
var lup=document.getElementsByClassName('pegs')[0].scrollLeft;
if(element.offsetWidth + element.scrollLeft >= element.scrollWidth){
document.getElementsByClassName('twads')[0].style.display="none";
}else if(lup >=1){
document.getElementsByClassName('tegos')[0].style.display="block";
}else{
document.getElementsByClassName('tegos')[0].style.display="none";
document.getElementsByClassName('twads')[0].style.display="block";
}
}
}else{
clearInterval(prio);
}
}, 300);

puedes hacer que cuando el scroll no este al final ni en 0 se muestren los 2 tegos y twads
Sí, lo que deseas es posible de conseguir. Podrías aprovechar las propiedades scrollLeft, offsetWidth y scrollWidth del elemento para detectar la posición del scroll y basado en eso podrías decidir cuándo se deben mostrar o esconder los elementos '.tegos' y '.twads'. Aquí está la modificación necesaria:

JavaScript:
var prio=setInterval(function (){
var ii = document.querySelectorAll(".pegs");
if(0 !== ii.length){
    let element = document.getElementsByClassName("pegs")[0];
        if(element.scrollWidth-element.offsetWidth ==0){
        document.getElementsByClassName('tegos')[0].style.display="none";
        document.getElementsByClassName('twads')[0].style.display="none";
    } else if(element.scrollWidth-element.offsetWidth >=1){
        var lup = element.scrollLeft;
            if(element.offsetWidth + element.scrollLeft >= element.scrollWidth){
            document.getElementsByClassName('twads')[0].style.display="none";
        } else if(lup > 1 && lup + element.offsetWidth < element.scrollWidth ){
            document.getElementsByClassName('tegos')[0].style.display="block";
            document.getElementsByClassName('twads')[0].style.display="block";
        } else if(lup == 0){
            document.getElementsByClassName('twads')[0].style.display="block";
            document.getElementsByClassName('tegos')[0].style.display="none";
        } 
    }
} else {
    clearInterval(prio);
}
}, 300);

Con este código, cuando el scroll no esté ni al principio ni al final, se mostrarán ambos elementos '.tegos' y '.twads'. Cuando esté al principio, solo se mostrará '.twads' y cuando esté al final solo se mostrará '.tegos'. Si las dimensiones del contenedor son tales que no hay scroll, ambos se ocultarán. Nota: Asegúrate que el intervalo de 300ms es adecuado para tu aplicación.
 
Sí, lo que deseas es posible de conseguir. Podrías aprovechar las propiedades scrollLeft, offsetWidth y scrollWidth del elemento para detectar la posición del scroll y basado en eso podrías decidir cuándo se deben mostrar o esconder los elementos '.tegos' y '.twads'. Aquí está la modificación necesaria:

JavaScript:
var prio=setInterval(function (){
var ii = document.querySelectorAll(".pegs");
if(0 !== ii.length){
    let element = document.getElementsByClassName("pegs")[0];
        if(element.scrollWidth-element.offsetWidth ==0){
        document.getElementsByClassName('tegos')[0].style.display="none";
        document.getElementsByClassName('twads')[0].style.display="none";
    } else if(element.scrollWidth-element.offsetWidth >=1){
        var lup = element.scrollLeft;
            if(element.offsetWidth + element.scrollLeft >= element.scrollWidth){
            document.getElementsByClassName('twads')[0].style.display="none";
        } else if(lup > 1 && lup + element.offsetWidth < element.scrollWidth ){
            document.getElementsByClassName('tegos')[0].style.display="block";
            document.getElementsByClassName('twads')[0].style.display="block";
        } else if(lup == 0){
            document.getElementsByClassName('twads')[0].style.display="block";
            document.getElementsByClassName('tegos')[0].style.display="none";
        }
    }
} else {
    clearInterval(prio);
}
}, 300);

Con este código, cuando el scroll no esté ni al principio ni al final, se mostrarán ambos elementos '.tegos' y '.twads'. Cuando esté al principio, solo se mostrará '.twads' y cuando esté al final solo se mostrará '.tegos'. Si las dimensiones del contenedor son tales que no hay scroll, ambos se ocultarán. Nota: Asegúrate que el intervalo de 300ms es adecuado para tu aplicación.
oks ahora como puedo hacer que al dejar presionado el boton tegos se ruede el scroll hacia la izquierda y con el twads lo mismo pero a la derecha??
 
oks ahora como puedo hacer que al dejar presionado el boton tegos se ruede el scroll hacia la izquierda y con el twads lo mismo pero a la derecha??
Puedes lograrlo utilizando los eventos mousedown (cuando el botón del mouse es presionado), mouseup (cuando el botón del mouse es liberado) y mouseleave (cuando el mouse sale del área del elemento).

Aquí un ejemplo:

JavaScript:
let tegos = document.getElementsByClassName('tegos')[0];
let twads = document.getElementsByClassName('twads')[0];
let element = document.getElementsByClassName("pegs")[0];

let scrollAmount = 10; // Cuántos píxeles quieres que se mueva el scroll por intervalo

let intervalId;
tegos.addEventListener('mousedown', function() {
    // Comienza a mover el scroll hacia la izquierda cuando el mouse es presionado
    intervalId = setInterval(function() {
        element.scrollLeft -= scrollAmount;
    }, 50);
});

twads.addEventListener('mousedown', function() {
    // Comienza a mover el scroll hacia la derecha cuando el mouse es presionado
    intervalId = setInterval(function() {
        element.scrollLeft += scrollAmount;
    }, 50);
});

// Cuando el mouse es liberado o sale del área del botón, se detiene el scroll
tegos.addEventListener('mouseup', function() { clearInterval(intervalId); });
tegos.addEventListener('mouseleave', function() { clearInterval(intervalId); });
twads.addEventListener('mouseup', function() { clearInterval(intervalId); });
twads.addEventListener('mouseleave', function() { clearInterval(intervalId); });
Recuerda que puedes ajustar el valor de scrollAmount y la duración del intervalo (50 ms en este caso) para controlar la velocidad del scroll. Por supuesto, este ejemplo asume que tus elementos 'tegos' y 'twads' son botones o algún otro tipo de elemento interactivo.
 
Puedes lograrlo utilizando los eventos mousedown (cuando el botón del mouse es presionado), mouseup (cuando el botón del mouse es liberado) y mouseleave (cuando el mouse sale del área del elemento).

Aquí un ejemplo:

JavaScript:
let tegos = document.getElementsByClassName('tegos')[0];
let twads = document.getElementsByClassName('twads')[0];
let element = document.getElementsByClassName("pegs")[0];

let scrollAmount = 10; // Cuántos píxeles quieres que se mueva el scroll por intervalo

let intervalId;
tegos.addEventListener('mousedown', function() {
    // Comienza a mover el scroll hacia la izquierda cuando el mouse es presionado
    intervalId = setInterval(function() {
        element.scrollLeft -= scrollAmount;
    }, 50);
});

twads.addEventListener('mousedown', function() {
    // Comienza a mover el scroll hacia la derecha cuando el mouse es presionado
    intervalId = setInterval(function() {
        element.scrollLeft += scrollAmount;
    }, 50);
});

// Cuando el mouse es liberado o sale del área del botón, se detiene el scroll
tegos.addEventListener('mouseup', function() { clearInterval(intervalId); });
tegos.addEventListener('mouseleave', function() { clearInterval(intervalId); });
twads.addEventListener('mouseup', function() { clearInterval(intervalId); });
twads.addEventListener('mouseleave', function() { clearInterval(intervalId); });
Recuerda que puedes ajustar el valor de scrollAmount y la duración del intervalo (50 ms en este caso) para controlar la velocidad del scroll. Por supuesto, este ejemplo asume que tus elementos 'tegos' y 'twads' son botones o algún otro tipo de elemento interactivo.
no hace nada, puede ser porque mis botones en realidad son span?
 
no hace nada, puede ser porque mis botones en realidad son span?
Sí, es posible. Los elementos <span> no son interactivos por defecto. Sin embargo, puedes hacer que se comporten como botones al agregar ciertos atributos y estilos. Una forma sencilla sería agregar un rol de botón y un tabindex. Al hacer esto, los eventos mousedown, mouseup y mouseleave deberían funcionar con <span>.

Aquí un ejemplo:

HTML:
<span class="tegos" role="button" tabindex="0">a</span>
<span class="twads" role="button" tabindex="0">a</span>
...

Ahora, tus elementos <span> deberían poder activar eventos de mouse como si fueran botones. Si continúas teniendo problemas, te sugiero que consideres usar elementos <button> en lugar de <span> para este propósito, ya que "<button>" ya cuenta con los atributos interactivos necesarios.
 
Sí, es posible. Los elementos <span> no son interactivos por defecto. Sin embargo, puedes hacer que se comporten como botones al agregar ciertos atributos y estilos. Una forma sencilla sería agregar un rol de botón y un tabindex. Al hacer esto, los eventos mousedown, mouseup y mouseleave deberían funcionar con <span>.

Aquí un ejemplo:

HTML:
<span class="tegos" role="button" tabindex="0">a</span>
<span class="twads" role="button" tabindex="0">a</span>
...

Ahora, tus elementos <span> deberían poder activar eventos de mouse como si fueran botones. Si continúas teniendo problemas, te sugiero que consideres usar elementos <button> en lugar de <span> para este propósito, ya que "<button>" ya cuenta con los atributos interactivos necesarios.
no hace nada
 
Lamento el contratiempo. Puedes probar lo siguiente:

1. Asegúrate de que tu código JavaScript se está ejecutando después de que todo el contenido de la página se haya cargado. Puedes hacer esto incluyendo tu código dentro de un evento 'DOMContentLoaded' o colocando tu código justo antes del cierre de la etiqueta </body> en tu HTML.

2. Usa 'console.log' para verificar si tus eventos se están disparando correctamente.

3. Verifica la consola del navegador para posibles errores de JavaScript.

Si sigues enfrentando dificultades, te sugeriría que busques la ayuda de un desarrollador web experimentado para que pueda revisar tu código y funcionalidad en profundidad.

Aquí un ejemplo de cómo podrías hacer lo anterior:

JavaScript:
document.addEventListener('DOMContentLoaded', function() {
    let tegos = document.querySelector('.tegos');
    let twads = document.querySelector('.twads');
    let pegs = document.querySelector('.pegs');

    var scrollInterval;
    
    function startScroll(amount) {
        scrollInterval = setInterval(function() {
            pegs.scrollLeft += amount;
        }, 50);
    }
    
    function stopScroll() {
        clearInterval(scrollInterval);
    }
    
    tegos.addEventListener('mousedown', function() {
        startScroll(-10); // Scroll izquierdo
    });

    twads.addEventListener('mousedown', function() {
        startScroll(10); // Scroll derecho
    });

    tegos.addEventListener('mouseup', stopScroll);
    twads.addEventListener('mouseup', stopScroll);
    tegos.addEventListener('mouseleave', stopScroll);
    twads.addEventListener('mouseleave', stopScroll);    
});
Este código primero se asegura de que la página se haya cargado antes de tratar de acceder a los elementos .tegos, .twads, y .pegs. Luego define las funciones startScroll y stopScroll para iniciar y detener el scroll respectivamente.
 
Cuando es la final de la champions league
 
Lamento el contratiempo. Puedes probar lo siguiente:

1. Asegúrate de que tu código JavaScript se está ejecutando después de que todo el contenido de la página se haya cargado. Puedes hacer esto incluyendo tu código dentro de un evento 'DOMContentLoaded' o colocando tu código justo antes del cierre de la etiqueta </body> en tu HTML.

2. Usa 'console.log' para verificar si tus eventos se están disparando correctamente.

3. Verifica la consola del navegador para posibles errores de JavaScript.

Si sigues enfrentando dificultades, te sugeriría que busques la ayuda de un desarrollador web experimentado para que pueda revisar tu código y funcionalidad en profundidad.

Aquí un ejemplo de cómo podrías hacer lo anterior:

JavaScript:
document.addEventListener('DOMContentLoaded', function() {
    let tegos = document.querySelector('.tegos');
    let twads = document.querySelector('.twads');
    let pegs = document.querySelector('.pegs');

    var scrollInterval;
   
    function startScroll(amount) {
        scrollInterval = setInterval(function() {
            pegs.scrollLeft += amount;
        }, 50);
    }
   
    function stopScroll() {
        clearInterval(scrollInterval);
    }
   
    tegos.addEventListener('mousedown', function() {
        startScroll(-10); // Scroll izquierdo
    });

    twads.addEventListener('mousedown', function() {
        startScroll(10); // Scroll derecho
    });

    tegos.addEventListener('mouseup', stopScroll);
    twads.addEventListener('mouseup', stopScroll);
    tegos.addEventListener('mouseleave', stopScroll);
    twads.addEventListener('mouseleave', stopScroll);   
});
Este código primero se asegura de que la página se haya cargado antes de tratar de acceder a los elementos .tegos, .twads, y .pegs. Luego define las funciones startScroll y stopScroll para iniciar y detener el scroll respectivamente.
tengo una duda, porque en los tlf no funciona?
 
tengo una duda, porque en los tlf no funciona?
Es posible que no funcione en los teléfonos debido a la diferencia en cómo se manejan los eventos táctiles en comparación con los eventos del mouse. Los eventos que has usado (mousedown, mouseup, mouseleave) son específicos para el mouse y no se activan al interactuar con la pantalla en un dispositivo móvil.

Para los dispositivos táctiles, deberías utilizar los eventos de touch correspondientes. Estos son: touchstart (equivalente a mousedown), touchend (equivalente a mouseup) y touchcancel (se podría usar como un equivalente a mouseleave).

Entonces, en tu código, también tendrías que agregar escuchadores de eventos para estos eventos táctiles. Por ejemplo, donde tienes tegos.addEventListener('mousedown', function() {...}), también deberías agregar tegos.addEventListener('touchstart', function() {...}) con la misma lógica en la función. Haz lo mismo para los otros eventos y pruébalo en tu dispositivo móvil.

Por último, ten en cuenta que el manejo de eventos de touch puede ser un poco más complicado si tienes que manejar gestos multitoque o si necesitas prevenir el comportamiento de desplazamiento predeterminado.
 
Atrás
Arriba