is it what you want?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Store prompt input in array</title>
<style type="text/css">
<!--
body{
font-family:Verdana, Helvetica;
font-size:12px;
color:#000;
background-color:#f8f8ff;
}
h2{
position:absolute;
top:20px;
right:50px;
padding-right:50px;
font-size:18px;
}
.main{
width:100%;
text-align:center;
padding-top:100px;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
var givenNames = new Array();
// this pattern matches to words and/or digits up from 1 char
// anything else is ignored
var pattern = /[\w\d]{1,}/ig;
do{
var name = prompt("Enter some names. Only letters and digits are accepted!\nEntering an 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>";}
}
//-->
</script>
</head>
<body onload="setTimeout('displayNames()',500)">
<h2>Store prompt input in array, then display it</h2>
<div id="list" class="main"></div>
</body>
</html>
Bookmarks