jhyang12345

//map implementation
function newmap(arr, func) {
  var newarr = [];
  for(var i = 0; i < arr.length; ++i) {
    newarr.push(func(arr[i]));
  }
  return newarr;
}

jhyang12345

const widget = {
    "debug": "on",
    "window": {
        "title": "Sample Konfabulator Widget",
        "name": "main_window",
        "width": 500,
        "height": 500
    },
    "image": {
        "src": "Images/Sun.png",

jhyang12345

root = [{
	"id": 1,
	"name": "Yong",
	"phone": "010-2786-9902",
	"type": "sk",
	"childnode": [{
		"id": 11,
		"name": "echo",
		"phone": "010-3923-1333",
		"type": "kt",

jhyang12345

Using the argument object to fetch variable length parameters

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

jhyang12345

document.addEventListener("DOMContentLoaded", function(event) {
  console.log("DOM fully loaded and parsed");

  var nav = document.querySelector("nav");
  nav.addEventListener("click", function(event) {
    var selectedTab = document.querySelector(".selectedTab");
    if(selectedTab) selectedTab.classList.toggle("selectedTab");
    console.log(event.target.nodeName);
    if(event.target.nodeName === "SPAN") {

jhyang12345

document.addEventListener("DOMContentLoaded", function(event) {

  var nav = document.querySelector("nav");

  nav.addEventListener("click", function(event) {
    var selectedTab = document.querySelector(".selectedTab");
    if(selectedTab) selectedTab.classList.toggle("selectedTab");
    console.log(event.target.nodeName);
    if(event.target.nodeName === "SPAN") {
        event.target.parentElement.click();

jhyang12345

const Tab = class {
  constructor(id, selected, url) {
    this.id = id;
    this.selected = selected;
    this.url = url;
    this.addClickListener();
  }

  addClickListener() {
    var curElement = document.querySelector("#" + this.id);

jhyang12345

const Tab = class {
  constructor(id, selected, url) {
    this.id = id;
    this.selected = selected;
    this.url = url;
    this.addClickListener();
  }

  addClickListener() {
    var curElement = document.querySelector("#" + this.id);

jhyang12345

const BlogHandler = class {

  constructor(blogbutton, templatetext, url) {
    this.blogbutton = blogbutton;
    this.url = url;
    this.template = Handlebars.compile(templatetext);
    this.blogbutton.addEventListener("click", this.getJsonData.bind(this));
  }

  getJsonData(template) {

jhyang12345

document.addEventListener("DOMContentLoaded", function(event) {
  console.log("DOM fully loaded and parsed");

  var dots = document.querySelectorAll(".slides_pagination a");
  console.log(dots.length);

  var main_slides_lst = document.querySelectorAll(".main_slides_lst li");
  console.log(main_slides_lst.length);