Pyramid!

<html>
  <body>
    <center>
    The Awesome Pyramid!<hr/><br/>
    <input type="button" value="Click Here To See A Trick" onclick="magicShow()"><br/><br/>
    <input type="name" id="number" placeholder="Enter a Number"><br/><br/>
    <div id="res"></div>
    <script>
      function magicShow() {
        var counter1;
        var counter2;
        var star="";
        var pyramid;
        for(counter1=1;counter1<=number.value;counter1+=1){
          for(counter2=1;counter2<=counter1;counter2+=1){
            star+="*";
          }
          star+="<br/>"
        }
        pyramid=star;
        res.innerHTML=pyramid;
      }
    </script>
    </center>
  </body>
</html>