I neeed help making a table generator with randomized numbers in the table.
it should have
the number of rows in the table (from 1 – 10)
• the number of columns in the table (from 1 – 6)
• the selection of different colors to use
• the bottom of the range of random numbers (must be an integer greater than zero)
• the top of the range of random numbers (must be an integer less than or equal to 100)
• the position of the table
Numeric fields should be checked to make sure that the user specified a correct value.
The selection of colors should be a checkbox for black, white, red, orange, yellow, green, blue
and purple. If a checkbox is checked, that color should be used. At least one box must be
checked.
The position should be a radio button for left, center (the default) or right.


i was able to get this far
<!DOCTYPE html>
<html>
<head>
<title>
Babatunde Millar-Jaja - CS103 Section #5 - JavaScript Homework #4
</title>
<style type="text/css">
BODY {
background-color : red;
}

#messages {
font-weight : bold;
font-size : 18pt;
}


.white { background-color : white; }
.black { background-color : black; }
.red { background-color : red; }
.orange { background-color : orange; }
.yellow { background-color : yellow; }
.green { background-color : green; }
.blue { background-color : blue; }
.purple { background-color : purple; }



</script>
</head>
<div>
<p id="demo">Click the button to display a random number.</p>

<button onclick="myFunction()">Try it</button>
<FORM action="http://somesite.com/prog/adduser" method="post">
<body>
<button onclick="myFunction()">Try it</button>
<center>
</style>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML=Math.floor((Math.random()*100)+1);
}

</script>
<form name = "Tablegenerator">

<label>Number of Rows: <input type = "number" name = "rows" id="rows" min=1 max=10 /></label><p>

<label>Number of Columns: <input type = "number" name = "columns" id="columns" min=1 max=6 /><p></label>

<label>Bottom range of Random Numbers: <input type = "number" name = "bottom" id="bottom" min = 1 max = 100 /></label><p>

<label>Top range of Random Numbers: <input type = "number" name = "Top" id = "Top" min = 1 max = 100 /></label><p>

<input type="radio" name = "RightAlignment" value = "right" >Right Alignment<br>

<input type="radio" name = "CenterAlignment" value = "center">Center Alignment<br>

<input type="radio" name = "LeftAlignment" value = "left">Left Alignment<br>


</form>


</div>
<div>


<input type = "checkbox" onclick='setmsgcolor("red");'>Red</button>

<input type = "checkbox" onclick='setmsgcolor("yellow");'>Yellow</button>

<input type = "checkbox" onclick='setmsgcolor("green");'>Green</button>

<input type = "checkbox" onclick='setmsgcolor("black");'>Black</button>

<input type = "checkbox" onclick='setmsgcolor("white");'>White</button>

<input type = "checkbox" onclick='setmsgcolor("blue");'>Blue</button>

<input type = "checkbox" onclick='setmsgcolor("orange");'>Orange</button>

<input type = "checkbox" onclick='setmsgcolor("purple");'>Purple</button>

<input name = "generate" type = "button" value = "CREATE MY TABLE" onclick="createtable()" />

<div id="messages"><p>
<b>Enter The information for your preferred table.</b>
<div id ="wrapper"></div>

</div>
</center>
</body>
</html>