This Might Be A DOMb Idea

Your task (whether you choose to accept it or not?) is to manipulate the DOM in the following ways:

  • Change the font color of the paragraph to light blue.
  • Change the font size of the heading to 48px.
  • Change the text of the paragraph to be the following Hipster Ipsum:

Lorem ipsum dolor amet viral meh selfies drinking vinegar, intelligentsia poke flannel twee paleo enamel pin cray. Banjo celiac crucifix, kickstarter la croix air plant jianbing hashtag vinyl hell of man bun selvage schlitz banh mi. Tacos hella raclette quinoa blog, williamsburg adaptogen tbh. Hexagon af stumptown lumbersexual synth gentrify quinoa enamel pin celiac master cleanse. Truffaut typewriter shoreditch, semiotics iceland mixtape taxidermy umami distillery austin hashtag. Food truck synth wayfarers, street art banh mi actually authentic. Bitters tousled tattooed vegan neutra pug hell of fixie chia unicorn letterpress.

  • Change the 13th item to be half transparent.
  • Change the 3rd item's text to say:

I say, "Hi!"

  • Change the image below the list to be this image.
  • Change that image's size to be 300 pixels high.
  • Add a new image of your choice below or to the right of the other image, using HTML, and then, with JavaScript, make it 300 pixels high.
  • Add a 16th <li> to the list. You can use the html file to write in the li, and then, with JavaScript, give it the same class as the others and an id that follows the others' numbering scheme.
  • Give that <li> the following text:

Won't get fooled again.

Guidelines

Every change should be done via JavaScript.