Using JavaScript to Manage User Interface Elements in HTML5

Introduction

The Using JavaScript to Manage User Interface Elements in HTML5 module provides you with the instructions and devices to develop your hands on skills in the following topics.

• Creating an interest calculator
• Validating user entries
• Listening and responding to user events
• Displaying and hiding elements
• Updating content visible on screen and adding content elements

Exercise 1 - Creating an Interest Calculator using JavaScript

In this exercise, you will learn to create an interest calculator in HTML5 page having User Interface elements such as textbox, buttons etc to it. You will validate the input values in each of the user interface elements. You will use JavaScript to show hover effects on button. Finally, you will use JavaScript to update content visible on the screen and use the element in HTML5 page.