CSD 3103 Assignment 1

In this assignment, you are required to use JavaScript to perform the following tasks:

1 A function that removes all text fields from the webpage. (5 Marks)

2 A function that creates and appends a paragraph to the page. The text for the paragraph should be: New Paragraph Added. Set the font color to be green and the font size to 12. (20 Marks)

3 A function that takes one parameter and uses it as the id for an existing element in the page. Then, removes that element from the page. If such id does not exist on the page, an error message should be displayed in the console. (15 Marks)

4 A code to add a click event to the button Click Me on the page. Once the button is clicked, a paragraph will be added to the page. Assume that the button already exists on the page. (20 Marks)

5 Create a button on the page Hover Your Mouse Here. Once the mouse hovers on this button, the background of the button should get changed to red. Once the mouse leaves this button area, the background color should get changed back to the default value. Once the button is clicked, a duplicated of this button should be added to the page with exact the same event properties. (25 Marks)

6 - Use JavaScript to display the coordinates of mouse pointer at all times. Use a

element and display the values inside this div. (5 Marks)

7 - Read two integers, namely r and c using tag (input validate required using JavaScript) and use a button labeled Create Table. Once the button is clicked, use JavaScript to create a table with r number of rows and c number of columns. Note: You are required to create the table header and table body. Fill in the cells of the table with random numbers between 1 and 100. (10 Marks)