Sae Appli

R(0-255)
G(0-255)
B(0-255)
A(0-100)






























































<html>
  <head>

    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <title>
      Sae Appli
    </title>

    <script>
      function color(){
        document.getElementById("C").style.backgroundColor = 
          'rgba('+
          document.getElementById("R").value
          +','+
          document.getElementById("G").value
          +','+
          document.getElementById("B").value
          +','+
          document.getElementById("A").value/100
          +')';
        return;
      }
    </script>

  </head>

  <body id="C">

    <h1>Sae Appli</h1>

    <form action="#">
      R(0-255)<input type="number" id="R" value="0" /><br />
      G(0-255)<input type="number" id="G" value="0" /><br />
      B(0-255)<input type="number" id="B" value="0" /><br />
      A(0-100)<input type="number" id="A" value="100" /><br />
      <input type="button" value="Change Color !" onclick="color();" /><br />
    </form>

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

  </body>

</html>