We are learning how to use jQuery to take user input and dynamically display it on a web page without refreshing the page. This is called DOM Manipulation.
We capture input from text fields using .val(), then display the output inside a div using .html(). We also learned how to change CSS properties dynamically using .css().
For images, we used the JavaScript FileReader API to read image files from the user's computer and display them inside a div.
Key examples include: displaying user name and age, showing favorite color with colored text, converting text to uppercase, performing addition and multiplication, checking even/odd numbers, generating greeting messages, and displaying selected images. All these operations happen instantly on button click without any page reload.
