Javascript

(Again ?!)

DOM Manipulation

(in the previous class)

document.getElementById("content").innerHTML = "My Content"

document.getElementById("body").className = "red";

document.getElementById("body").style.background = "#ff7600";

Create Element, Append, Insert Before, Remove, Replace

document.getElementById("my-div").appendChild(your_new_node);

document.getElementById("my-div").insertBefore(your_new_node, your_anchor_node);

document.getElementById("my-div").removeChild(your_node);

document.getElementById("my-div").replaceChild(your_new_node, your_old_node);

var your_new_node = document.createElement("p");
var node_content = document.createTextNode("My New Paragraph");
your_new_node.appendChild(node_content);

Javascript Saiyan 1

Create Currency Converter :

1. From IDR to USD
2. From USD to IDR
3. For the sake of simplicity we use hardcoded rate
4. Using javascript event trigger
5. Append every of your result in div result

Javascript Saiyan 2

Create trello wanna be :

1. Textarea to input task
2. Using javascript event trigger in button
3. Append to list
4. Card can be removed
5. Card's background can be changed

Javascript Saiyan 3

• Create menu currency converter
• Create menu task
• Add logo and dummy content
• When you scroll down menu will be invisible but logo will still visible
• When you scroll up menu will be visible

• Every Task can have checklist
• Checklist can be removed
• Checklist can be marked as done

• Can have mutiple input. Example : input 1, 2, and 3
• Using loop to convert all currency

WELL DONE !