JavaScript Assignment No. 05 (DOM manipulation)
In this fifth JavaScript assignment, I focused on mastering DOM manipulation techniques. I worked with document selectors, modifying elements, handling events, and dynamically changing content within the webpage. This assignment enhanced my understanding of how JavaScript can interact with HTML and CSS to create dynamic and responsive user interfaces.
Task 1. Change the text of the paragraph with id "message" to "Welcome!".
Hello!
Task 2. Get the value from "nameInput" and display it in the "result" div.
Value: 00
Task 3. On button click, set the background color of "container" to light blue.
Task 4. Change the color of the "mainTitle" heading (h1) to red.
Task 5. Get the number from "num1" and display it in the "output" paragraph.
Value: 00
Task 6. Log "Button Clicked" when a button with class "submit-btn" is clicked.
Task 7. Add the values from "first" and "second" inputs and display the sum in the "sum" span.
Sum: 00
Task 8. Update the text of the paragraph with class "description" to "Updated successfully".
Task 9. Set the width of the "box" div to 200px and background color to green.
Task 10. Log the email entered in the "email" input.
Email:
Task 11. Change the font size of a selected paragraph to 24px.
Change My Color and Font Size
Task 12. On button click, set "Hello, [name]" in the "greeting" div using the "fullName" input.
Task 13. Change the "profilePic" image's src to another URL.
