In this assignment you will be asked to create an HTML file that uses JavaScript to create a
table. Your table will have a certain number of rows and columns, the cells in the table will have
different colors, and the cells will contain random numbers.
Your HTML file should have a form in it that allows the user to specify:
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.

this is how far i have gotten

Babatunde Millar-Jaja - CS103 Section #5 - JavaScript Homework #4

<style type="text/css">
background-color : blue;

#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; }




<form name = "Tablegenerator">

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

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

<label>Floor of Random Numbers: <input type = "number" name = "Floor" id="floor" min = 1 max = 100 /></label><br/>

<label>Ceiling of Random Numbers: <input type = "number" name = "ceiling" id = "ceiling" min = 1 max = 100 /></label><br/>

<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 name = "generate" type = "button" value = "CREATE MY TABLE" onclick="createtable()" />



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

<div id="messages">
<div id ="wrapper"></div>