homework.md

Using the argument object to fetch variable length parameters

function foo() {
  for (var i = 0; i < arguments.length; i++) {
    alert(arguments[i]);
  }
}

Iterating through Nodelist

using indexing

for (var i = 0; i < myNodeList.length; ++i) {
  var item = myNodeList[i];  // Calling myNodeList.item(i) isn't necessary in JavaScript
}

for of loop

var list = document.querySelectorAll( 'input[type=checkbox]' );
for (var item of list) {
  item.checked = true;
}

forEach loop

var list = document.querySelectorAll( 'input[type=checkbox]' );
Array.prototype.forEach.call(list, function (item) {
  item.checked = true;
});

1번

//using innerHTML to add elements
var ul = document.querySelector("ul");
ul.innerHTML = ul.innerHTML + "<li>watermelon</li>";

2번

//using insertAdjacentHTML to add elements in a particular order
var banana = document.querySelectorAll('li')[2];
banana.insertAdjacentHTML('beforebegin', '<li>dragonfruit</li>');