0

estoy tratando de agregar una clase a un label cada vez que presiono una tecla en un input, encontre este codigo, pero no logro pasarlo a js puro. Me ayudan???

$(".contenedor-formularios").find("input, textarea").on("keyup blur focus", function(e) {

        var $this = $(this),
            label = $this.prev("label");

        if (e.type === "keyup") {
            if ($this.val() === "") {
                label.removeClass("active highlight");
            } else {
                label.addClass("active highlight");
            }

1 respuesta 1

0

Pase tu código a JS puro, deberías validar un poco como obtener el id, luego no es tan diferente la logica.

Agregar Clase Remover Clase

document.getElementById('prueba').onkeyup = function (e) {
    var value = document.getElementById('prueba').value;
    if (value.length <= 0) {
    document.getElementById("p2").classList.remove("mystyle");
    }else{
    document.getElementById("p2").classList.add("mystyle");
    }
};
.mystyle{
  color:blue;
}
<input id='prueba'>
<p id="p2">Prueba!</p>

1
  • Muchas gracias Felipe,lo adapte y funciono!!! el 6 oct. 2020 a las 1:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.