Mozilla - array

 

#Printing those products!

 

var list = document.querySelector('.output ul');
var totalBox = document.querySelector('.output p');
var total = 0;
list.innerHTML = '';
totalBox.textContent = '';

var products = ['Underpants:6.99', //배열 만든다.
 'Socks:5.99',
 'T-shirt:14.99',
 'Trousers:31.99',
 'Shoes:23.99'];

for(var i=0;i<products[i].length ;i++){ //배열의 길이만큼
  var sub = products[i].split(':'); // : 를 기준으로 나눈다.
  var name = sub[0]; 
  var price = Number(sub[1]);
  total+=price;

  itemText = 0;
  itemText = name + "--$" + price; //itemText 에 담아야 한다!
 var listItem = document.createElement('li');
 listItem.textContent = itemText;
 list.appendChild(listItem);
}

totalBox.textContent = 'Total: $' + total.toFixed(2);

 

#Active learning: Top 5 searches

var list = document.querySelector('.output ul');
var searchInput = document.querySelector('.output input');
var searchBtn = document.querySelector('.output button');

list.innerHTML = '';

var myHistory = [];

searchBtn.onclick = function() {
  if (searchInput.value !== '') {
  myHistory.unshift(searchInput.value);   //첫번째 자리에 푸시
    list.innerHTML = '';

    for (var i = 0; i < myHistory.length; i++) {
      itemText = myHistory[i];
      var listItem = document.createElement('li');
      listItem.textContent = itemText;
      list.appendChild(listItem);
    }

    if (myHistory.length >= 5) {
  myHistory.pop(); //마지막 자리에서 빼기
    }

    // empty the search input and focus it, ready for the next term to be entered
    searchInput.value = '';
    searchInput.focus();
  }
}