Skip to main content
se añadieron 72 caracteres en el cuerpo
Origen Enlace
Oscar Portillo
  • 443
  • 1
  • 3
  • 13

Este es el text area que en principio aparecerá en color de fondo gris:

<textarea id="textareaColor" rows="6" cols="50">
        Este textarea cambiará de color al detectar el click.
</textarea>
<textarea rows="6" cols="50">
        Este también cambiará de manera dinamica als er recorrido con un for.
</textarea>

Con el siguiente Script se detecta cuando se haga click en el text area y entonces cambia el color de fondo a blanco:

<script>
     document.getElementById("textareaColor").style window.backgroundColoronload = "grey";
  function() {
      let window.onloadelementos = functiondocument.getElementsByTagName("textarea") {;
      for (var i = document.getElementById("textareaColor")0 ; i < elementos.addEventListener("click",length; cambiarColori++); {
     }
     functionelementos[i].addEventListener('click', cambiarColorfunction() {
          document.getElementById("textareaColor")      this.style.backgroundColor = "white";
             });
          }
      }
</script>

Aunque te recomiendo poner el color gris de fondo en tu archivo css o ponerlo en linea (css en linea). Espero te sirva.

Este es el text area que en principio aparecerá en color de fondo gris:

<textarea id="textareaColor" rows="6" cols="50">
        Este textarea cambiará de color al detectar el click.
</textarea>

Con el siguiente Script se detecta cuando se haga click en el text area y entonces cambia el color de fondo a blanco:

<script>
     document.getElementById("textareaColor").style.backgroundColor = "grey";
          window.onload = function() {
          document.getElementById("textareaColor").addEventListener("click", cambiarColor);
     }
     function cambiarColor() {
          document.getElementById("textareaColor").style.backgroundColor = "white";
     }
</script>

Aunque te recomiendo poner el color gris de fondo en tu archivo css o ponerlo en linea (css en linea). Espero te sirva.

Este es el text area que en principio aparecerá en color de fondo gris:

<textarea rows="6" cols="50">
        Este textarea cambiará de color al detectar el click.
</textarea>
<textarea rows="6" cols="50">
        Este también cambiará de manera dinamica als er recorrido con un for.
</textarea>

Con el siguiente Script se detecta cuando se haga click en el text area y entonces cambia el color de fondo a blanco:

<script>
      window.onload = function() {
      let elementos = document.getElementsByTagName("textarea");
      for (var i = 0 ; i < elementos.length; i++) {
          elementos[i].addEventListener('click', function() {
                this.style.backgroundColor = "white";
             });
          }
      }
</script>

Aunque te recomiendo poner el color gris de fondo en tu archivo css o ponerlo en linea (css en linea). Espero te sirva.

Origen Enlace
Oscar Portillo
  • 443
  • 1
  • 3
  • 13

Este es el text area que en principio aparecerá en color de fondo gris:

<textarea id="textareaColor" rows="6" cols="50">
        Este textarea cambiará de color al detectar el click.
</textarea>

Con el siguiente Script se detecta cuando se haga click en el text area y entonces cambia el color de fondo a blanco:

<script>
     document.getElementById("textareaColor").style.backgroundColor = "grey";
          window.onload = function() {
          document.getElementById("textareaColor").addEventListener("click", cambiarColor);
     }
     function cambiarColor() {
          document.getElementById("textareaColor").style.backgroundColor = "white";
     }
</script>

Aunque te recomiendo poner el color gris de fondo en tu archivo css o ponerlo en linea (css en linea). Espero te sirva.