Create a cross-browser (works in Firefox and MS IE)

Create a cross-browser (works in Firefox and MS IE) page that has the following headings: a. Alternative row color table using ClassName b. Input validation and error message c. Hide on mouseover, show on mouse out 1. For item a, create a 10 rows by 3 column HTML table. 2. Then create two CSS rules called odd and even for which odd’s background color is white an even’s is yellow. 3. Next register a JavaScript function called ApplyAlternateRows with the onload event that iternates through the rows of the tables and applies the odd class to every odd table row and even class to every even table row Hint: Get a handle on the table object and iterate through its rows. Use the objects length and rows[] properties. 1. For item b, create a form with a single input field and a regular HTML button right next to it with a value of Validate. 2. Then register a JavaScript function called CheckNumeric with the button’s onclick event which ensures checks if the input is not numeric, it displays a message to the right of the button in red. Hint: Use the function provided below to check if the input is numeric or not. function IsNumeric(sText) { var ValidChars = "0123456789."; var IsNumber=true; var Char; for (i = 0; i < [login to view URL] && IsNumber == true; i++){ Char = [login to view URL](i); if ([login to view URL](Char) == -1){ IsNumber = false; } } return IsNumber; } 1. For item c, create a link with any text and no target. 2. Then create a single table with a single row with a single cell with background color set to red. 3. Next, write code hide the table when your mouse moves over the link and show it again when the mouse moves away. Do not simply just write the code, give detailed comments on why you did what to support your coding style.