title: set random background color
body: <p>cant believe im asking this question but,</p>
  
  <p>why this work?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf=8"&gt;
          &lt;style type="text/css"&gt;
              #posts {
                  width: 90%;
                  height: 700px;
                  margin: auto
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body onload="return ran_col()"&gt;
          &lt;div id="posts"&gt;
          &lt;/div&gt;
          &lt;script type="text/javascript"&gt;
              function ran_col() { //function name
                  var color = '#'; // hexadecimal starting symbol
                  var letters = ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0']; //Set your colors here
                  color += letters[Math.floor(Math.random() * letters.length)];
                  document.getElementById('posts').style.background = color; // Setting the random color on your div element.
              }
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this doesn't?
  its pretty much the same code,
  if anyone can edit the code that would be brilliant?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;Splash!&lt;/title&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
    &lt;meta name="HandheldFriendly" content="true"&gt;
    &lt;meta http-equiv="refresh" content="6.5;url=home.html" /&gt;
  
  
  
  &lt;link rel="stylesheet" href="../css/stylessplash.css" type="text/css"&gt;
  
  
  
  &lt;/head&gt;
  
  
  &lt;body id="posts"&gt;
  
      &lt;script type="text/javascript"&gt;
              function ran_col() { //function name
                  var color = '#'; // hexadecimal starting symbol
                  var letters = ['000000','FF0000'; //Set your colors here
                  color += letters[Math.floor(Math.random() * letters.length)];
                  document.getElementById('posts').style.background = color; // Setting the random color on your div element.
              }
  &lt;/script&gt;
  
  &lt;div id="left"&gt;&lt;/div&gt;
  &lt;div id="right"&gt;&lt;/div&gt;
  &lt;div id="top"&gt;&lt;/div&gt;
  &lt;div id="bottom"&gt;&lt;/div&gt;
  
  &lt;div id="wrapper"&gt;
      &lt;p&gt;
          &lt;span&gt;u&lt;/span&gt;
          &lt;span&gt;u&lt;/span&gt;
          &lt;span&gt;H&lt;/span&gt;
          &lt;span&gt;!&lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>need to add more text but no more is needed.
  need to add more text but no more is needed.
  need to add more text but no more is needed.
  need to add more text but no more is needed.
  need to add more text but no more is needed.
  need to add more text but no more is needed.</p>