Task 10 - Form Manipulation and Event Handling using JavaScript - Practice Task
With reference to last two lectures on JavaScript, we discussed how to handle events in web application, how to read and update HTML elements, their properties and CSS styles of a webpage dynamically. We also discussed how to manipulate HTML forms. This practice task, ask you to perform some operations using the concepts we discussed. Definitely, you may have to Google the stuff that is related but not exactly same what we did in class. Before doing this task, I strongly recommend you to first run and understand the code samples we discussed in class that I have shared with you via Dropbox. It would help you to understand the basics and then you can build on those concepts to complete below given work. To better focus on different parts of the task, I have divided it in 4 sub-tasks, each sub-task UI is given in below mockup. 10.1 Create an option list with "multiple" property enabled, that means, user shall be able to select multiple options by holding the CTRL key. Add a lis...