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
The position should be a radio button for left, center (the default) or right.

i was able to get this far
<!DOCTYPE html>
Babatunde Millar-Jaja - CS103 Section #5 - JavaScript Homework #4
<style type="text/css">
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; }

<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">
<button onclick="myFunction()">Try it</button>
function myFunction()

<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>



<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>