Basis JavaScript 2: Übung

Time Limit: 1h

Helpful Links: https://www.w3schools.com/jquery/jquery_ref_selectors.asp

1. Use jQuery to find all <input> fields with a value of “Red”, change the text of the next
   sibling <span> tag.
   
2. Find all <input>s that do not have the name “color” and append text to the <span>
   next to it.
   
3. Find all <input>s with an attribute name that starts with ‘P’ and put text in them.
   
4. Insert some text before all paragraphs using jQuery.
   
5. Insert a HTML Element (e.g. <div>) before all paragraphs using jQuery.
   
6. Use jQuery to find all children of each division <div>, give them another color.
   
7. Display a message, when the :focus is removed from <input> field 1.
   
8. Add a click event to the <div> tags in the HTML code of example 8, when a <div> is
   clicked, the background–color (RGB) should be shown in the <p> tag. (e.g. That div
   has the background color of (170, 17, 17)).
   
   
9. Animate all paragraphs <p> to hide slowly when the left button is clicked, and show
   slowly when the right button is clicked.
   
10. Use the jQuery method .animate() and do something fun with it. Example: Animate a
    shape / or shapes, change its color, move it or change its size.