How to change the color of the text?

0
 <html>
  <head>
   <title>Efeito digitar em página web</title>


      <script type="text/javascript">


       var posicao = 0;
       var mensagem = "Sua mensagem aqui                      ";  //Esse texto

         function rola() {
         document.getElementById("lugar").innerHTML = 
           mensagem.substring(posicao,mensagem,length);
             posicao++;
           if (posicao == mensagem.length) {
                posicao = 0;
               }
           setTimeout("rola()", 130); 
      }


    </script>
     </head>

    <body onload="rola()">
   <div id="lugar"></div> 
  </body>
</html>   
    
asked by anonymous 03.08.2017 / 17:05

2 answers

1

I added a color to the div. See if you can.

       var posicao = 0;
       var mensagem = "Sua mensagem aqui                      ";  //Esse texto

         function rola() {
         document.getElementById("lugar").innerHTML = 
           mensagem.substring(posicao,mensagem,length);
             posicao++;
           if (posicao == mensagem.length) {
                posicao = 0;
               }
           setTimeout("rola()", 130); 
      }
#lugar{
  color: red;
}
    <body onload="rola()">
   <div id="lugar"></div> 
    
03.08.2017 / 17:24
1

You can directly change the tag:

 <div id="lugar" style="color:rgba(255, 0, 0, 0.8);">

Or by Javascript:

document.getElementById("lugar").style.color =rgba(255, 0, 0, 0.8);

You can create random colors by simply creating a rgba (or rgb) string and passing it to the style.color attribute, randomized rgba code this question follows the code:

<html>

<head>
  <title>Efeito digitar em página web</title>


  <script type="text/javascript">
    var posicao = 0;
    var mensagem = "Sua mensagem aqui                      "; //Esse texto

    function rola() {
      document.getElementById("lugar").innerHTML =
        mensagem.substring(posicao, mensagem, length);
      posicao++;
      document.getElementById("lugar").style.color = random_rgba();
      if (posicao == mensagem.length) {
        posicao = 0;
      }
      setTimeout("rola()", 130);
    }

    function random_rgba() {
      var o = Math.round,
        r = Math.random,
        s = 255;
      return 'rgba(' + o(r() * s) + ',' + o(r() * s) + ',' + o(r() * s) + ',' + r().toFixed(1) + ')';
    };
  </script>
</head>

<body onload="rola()">
  <div id="lugar"></div>
</body>

</html>

or just one color per call rola() :

<html>

<head>
  <title>Efeito digitar em página web</title>


  <script type="text/javascript">
    var posicao = 0;
    var mensagem = "Sua mensagem aqui                      "; //Esse texto



    function rola() {
      document.getElementById("lugar").innerHTML =
        mensagem.substring(posicao, mensagem, length);
      posicao++;
      if (posicao == mensagem.length) {
        posicao = 0;
      }
      setTimeout("rola()", 130);
    }

    function random_rgba() {
      var o = Math.round,
        r = Math.random,
        s = 255;
      return 'rgba(' + o(r() * s) + ',' + o(r() * s) + ',' + o(r() * s) + ',' + r().toFixed(1) + ')';
    };

    function RandomTextColor() {
      document.getElementById("lugar").style.color = random_rgba();
    }
  </script>
</head>

<body onload="rola(); RandomTextColor()">
  <div id="lugar"></div>
</body>

</html>

'

    
03.08.2017 / 17:15