What this application should do This application will build a list of classes th
ID: 3775962 • Letter: W
Question
What this application should do
This application will build a list of classes that are offered by the GIT department. It will accept the user entries that are shown under the “Add a class” heading in the interface above.
Then, when the user clicks the Add button, a class will be added to the table that’s under the “Classes” heading. The data in this table will also be stored in local web storage. As a result, the class data will be displayed when the user restarts the application.
Of course, the data should be validated before it is added to the Classes table and local storage. At the least, the application should check that an entry has been made in each input and select control and that the start date is a valid date in the future. But it would also be good to check whether a class with a duplicate number is already in the table.
What you need to do
Build this application from scratch with separate files for the HTML, CSS, and JavaScript.
Development notes
You decide what options should be offered in the three select controls (drop-down lists).
The form must be centered and formatted using CSS. An HTML table is only allowed for the Classes data.
You may not use jQuery Bootstrap or any type of WSYWIG to develop this app. And you may not rely on HTML5 attributes and CSS3 selectors for data validation. In other words, this assignment must be completely hand coded.
The user interface should look something like this: Class Catalog Maintenance Classes Number Start Length Weekday Time Description Name Web Design I IT 101 9/1/2016 10 10:00 HTML5 and CSS3 MWF Web Design II IT 102 1/1/2017 10 14:00 JavaScript, jQuery, jQuery UI, and Bootstrap MWF Add a class Class Name: Class Number: Start Date Class Length (in weeks): Weekday and Time Class Description Add ClearExplanation / Answer
<html>
<body>
<h1>Class Catalog Maintenance</h1>
<h3>Classes</h3>
<table width=100%>
<tr>
<th>Name</th><th>Number</th><th>Start</th><th>Length</th><th>Weekday</th><th>Time</th><th>Description</th>
</tr>
<tr align="center">
<td>Web Design I</td><td>IT 101</td><td>9/1/2016</td><td>10</td><td>MWF</td><td>10:00</td><td>HTML5 and CSS3</td>
</tr>
<tr align="center">
<td>Web Design II</td>
<td>IT 101</td>
<td>1/1/2017</td>
<td>10</td>
<td>MWF</td>
<td>14:00</td>
<td>JavaScript,jQuery,jQuery UI, and Bootstrap</td></tr>
</table>
<h3>Add a class</h3>
Class Name: <input type=text/><br>
Class Number: <input type=text/><br>
Start Date: <input type=text/><br>
Class length <select></select>
(In Weeks):<br>
Weekday and <select></select> <select></select>
Time:<br>
Class Descrition
<textarea>
</textarea><br>
<button type=submit>Add</button><button type=reset>Clear</button>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.