Input rojo

[XD2XD2]

Tengo este codigo y si el input tiene el valor a pues el input se colorea de color rojo pero el error esque no se colorea

Código Javascript:

<style type="text/css">
.no {
    background-color:red;
}
.si {
    background-color:green;
}
</style>
<script type="text/javascript"> 
  function mostrarSeleccionado()
  {
      if(document.getElementById('usuario').value == "a"){
      document.getElementById('usuario').class = "no";
      }else{
      alert('Todo bien');
      }
  }
</script>
<form>
  <input class="si" onChange="mostrarSeleccionado()" id="usuario"></input>
  <input type="submit" id="enviar">
</form>
 

[jonni09lo]

Hola dos cosas

1. </input> sobra
2. cambia onChange por keyUp

Saludos

Edito tambie cambia class por className

[pzin]

Iba a comentar eso de className, y que lo del </input> sigue sobrando.

Es asombroso que inventando cosas luego las cosas no funcionen.

[XD2XD2]

Iniciado por jonni09lo

Hola dos cosas

1. </input> sobra
2. cambia onChange por keyUp

Saludos

Edito tambie cambia class por className

Pero en el input siempre se ha utilizado class y id y no classname
Y que hace keyup si onchange es para cuamdo se cambie el valor del input

Cuando quiero cambiar le valor utilizo
document.getElementById('usuario').value = "Nuevo Valor";

Cuando quiero cambiar el style utilizo(<input id="usuario" style="">
document.getElementById('usuario').style = "Nuevo style";

Cuando quiero añadir una nueva etiqueta ¿Como es?


Para cambiar valores de la etiqueta se hace asin no?
document.getElementById('usuario').ETIQUETA = "Nuevo Valor de la etiqueta";
pero document.getElementById('usuario').ETIQUETA; (Da el valor de la etiqueta llamada ETIQUETA NO?)

[jonni09lo]

Iniciado por XD2XD2

Pero en el input siempre se ha utilizado class y id y no classname
Y que hace keyup si onchange es para cuamdo se cambie el valor del input

Cuando quiero cambiar le valor utilizo
document.getElementById('usuario').value = "Nuevo Valor";

Cuando quiero cambiar el style utilizo(<input id="usuario" style="">
document.getElementById('usuario').style = "Nuevo style";

Cuando quiero añadir una nueva etiqueta ¿Como es?


Para cambiar valores de la etiqueta se hace asin no?
document.getElementById('usuario').ETIQUETA = "Nuevo Valor de la etiqueta";
pero document.getElementById('usuario').ETIQUETA; (Da el valor de la etiqueta llamada ETIQUETA NO?)

KeyUp es para cuando el usuario suelte la tecla, es algo opcional, de todas formas keyUp y onChange funcionan en contextos distintos.

className es la forma de añadir una clase a un elemento del DOM, ya que class es una palabra reservada para crear clases q es algo totalmente distinto a lo que necesitas.

Para añadir un nuevo atributo se hace de esta manera:

Código Javascript:

document.getElementById('usuario').setAttribute("align", "center");
 

Saludos