create a start botton , it will randomly create 10 different names with gender and age like this "tom""Smith""M”"1970""50" "Lisa""Smith""F”"2010""10" ""Charles""Bell""M”"2009""11"
<!DOCTYPE html>
<html>
<head>
<title>Name information creater</title>
<script src="1.js"></script>
</head>
<body>
<h1>create name and gender</h1>
<table>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Submit" id="Submit">
</tr>
</table>
<p id="msgField"> </p>
</body>
</html>
function name() {
var male firstName = ["James""Joe"
"John" "Juan"
"Robert" "Jack"
"Michael" "Albert"
"William " "Jonathan"
"David" "Justin"
"Richard" "Terry"
"Charles" "Gerald"
"Joseph" Keith
"Thomas" "Samuel"
"Christopher" "Willie"
"Daniel"];
var femail firstName = ["Mary""Alice"
"Patricia" "Julie"
"Linda" "Heather"
"Barbara" "Teresa"
"Elizabeth" "Doris"
"Jennifer " "Gloria"
"Maria" "Evelyn"
"Susan" "Jean"
"Margaret" "Cheryl"
"Dorothy" "Mildred"
"Lisa" "Katherine"
"Nancy" "Joan"
"Karen" "Ashley"
"Betty" "Judith"
"Helen" "Rose"
"Sandra" "Janice"];
var lastName = [
"Smith" "Bailey"
"Jones " "Parker"
"Taylor" "Miller"
"Williams " "Davis"
"Brown " " Murphy"
" Davies " "Price"
"Evans" " Bell"
" Wilson " "Baker"
"Thomas" "Griffiths"
"Roberts" "Kelly"
"johnson" "Simpson"
"Lewis" Marshall"
"Walker" "Collins"
" Robinson " "Bennett"
"Wood " "Cox"];
how could I use these to display a HTML page ,can randomly create information from these names ,and display firstname ,last name ,birthday,age and gender ?
create a start botton , it will randomly create 10 different names with gender and age
like this
"tom""Smith""M”"1970""50"
"Lisa""Smith""F”"2010""10"
""Charles""Bell""M”"2009""11"
........

Step by step
Solved in 3 steps with 3 images









