javascript - storing input from prompt in array and displaying the array -

i want take the inputs user prompt, store input in array, , display it. want take 10 inputs user using for loop. have tried do-while shown below.

var givennames = new array(); var pattern = /[\w\d]{1,}/ig;  do{     var name = prompt("enter names. letters , digits accepted!\nentering empty field stops asking","");     if(name && name.match(pattern)){givennames.push(name);} } while(name != "");  function displaynames(){     if(givennames.length > 0){         document.getelementbyid("list").innerhtml = "<span style='color:navy;font-    weight:bold;'>given names are:<\/span><br><br>" + givennames.join("<br><br>");     } else {         document.getelementbyid("list").innerhtml = "<span style='color:navy;font-weight:bold;'>nothing has been given!<\/span>";     } } 

how replace for loop?

    var givennames = new array();     var pattern = /[\w\d]{1,}/ig;       for(var i=0;i<10;i++){ var name = prompt("enter names. letters , digits accepted!\nentering empty field stops asking","");     if(name && name.match(pattern)){givennames.push(name);}     }      function displaynames(){         if(givennames.length > 0){             document.getelementbyid("list").innerhtml = "<span style='color:navy;font-    weight:bold;'>given names are:<\/span><br><br>" + givennames.join("<br><br>");         } else {             document.getelementbyid("list").innerhtml = "<span style='color:navy;font-weight:bold;'>nothing has been given!<\/span>";         }     } 

demo fiddle