title: Divs created in Javascript don't appear
body: <p>I'm making <a href="http://www.rgbchallenge.com/" rel="nofollow noreferrer">an rgb guesser game for school</a>, and the stretch goal I'm trying to reach is "making divs in javascript". For some reason, my divs aren't appearing when I'm making them. Here's the javascript code snippers</p>
  
  <pre><code>dothething()
  function dothething(){
    divs = MakeDivs(4);
    var randomcolor = Math.floor(Math.random()*4);
    WinningDiv = divs[randomcolor];
  }
  
  function MakeDivs(X){
    for(i = 0;i&lt;=X;i++){
      var div = (document.createElement("div"));
      div.style.borderRadius = "50%";
      div.height = "100px";
      div.width = "125px";
    }
    console.log(divs)
  
    var container = document.getElementById("container")
    container.appendChild(div);
  
    return divs
  }
  </code></pre>
  
  <p>and here's some filler html</p>
  
  <pre><code>&lt;body&gt;
    &lt;div&gt; FillerDiv&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>