creating an array

hello I have created an array here for 5 number already..I need to output asteriks for each value, depending on the value, thats how many asteriks will be displayed.. Any thoughts?

<html>
<head></head>


<script type="text/javascript">
function newArray() {
 

var numlist = [ 4,8,2,6,10 ];
 
msg = "";
 
//show array
for( var i = 0; i < numlist.length; i++ ) {
 
msg += numlist[ i ]  + "<br>";
}

 
 

 
document.getElementById("results").innerHTML = msg;
} // end newArray() function




//show asterik


 

 

</script>
 

<body onLoad="newArray()">
 
<div id="results"></div>
 
</body>
 
</html>

Code (markup):

 

Try:

var numlist =  new Array(4,8,2,6,10);

Code (markup):

 

I already have that there. I need to display the appropriate number of asteriks next to each number.

 

<script type="text/javascript">
function newArray() {
  var numlist = [ 4,8,2,6,10 ];
  msg = "";
  for( var i = 0; i < numlist.length; i++ ) {
    msg += new Array(numlist[i]+1).join('*')  + "<br>";
  }
  document.getElementById("results").innerHTML = msg;
}
</script>

Code (markup):

 

Thanks blacknet, but now only the stars are displayed...how do I get the stars to be displayed next to the numbers? EX: 4****

 

I got the stars to output before the number, but I need to output the stars after the number.

       <script type="text/javascript">
   function newArray() {
          var numlist = [ 4,8,2,6,10 ];
          msg = "";
      

		 for( var i = 0; i < numlist.length; i++ ) {
            msg += new Array(numlist[i]+1).join('*')  + numlist [i] + "<br>";
          }
          document.getElementById("results").innerHTML = msg;
		
        }
       
 </script>
 <body onLoad="newArray()">
 
<div id="results"></div>
 
</body>
 
</html>
 

Code (markup):

 

never mind, i got it, thank you!