var txtElement = document.getElementById('txt');
var words = ["엔드게임", "인피니티 워", "에이지 오브 울트론"];

function TypeWriter(txtElement1, words1) {
  this.txtElement = txtElement1;
  this.words = words1;

  this.txt = ""; // 글자가 들어가는 자리. 처음에 빈 문자열로 시작
  this.wordIndex = 0;
  this.isDeleting = false; // 글자가 삭제되는 중인지 아닌지 시작 기준점을 준 것.  

  this.type(); // 글자가 호출됨 
}

// 글자가 완성되는 영역
TypeWriter.prototype.type = function() {
  
  // 초기값 0
  var current = this.wordIndex % this.words.length;
  var fulltxt = this.words[current]; // current를 기준으로 텍스트를 가져옴

  if(this.isDeleting) {

    // 엔드게임
    // 엔드게
    // 엔드
    // 엔
    // ""
    this.txt = fulltxt.substring(0, this.txt.length - 1);

  } else {
    
    // 0 부터 1 미만의 텍스트: "" + "엔"
    this.txt = fulltxt.substring(0, this.txt.length + 1);
    // ""
    // 엔
    // 엔드
    // 엔드게 
    // 엔드게임

  }

  this.txtElement.textContent = this.txt; 
  // textContent 모든 텍스트를 가져오는 메서드 
  // this.txt를 textContent의 값으로 초기화하는 거 

  // 분기 - 글자가 완성되었을 때
  if(!this.isDeleting && this.txt === fulltxt) {

    this.isDeleting = true;
  
  } 

  // 분기 - 글자가 모두 삭제되었을 때  
  else if(this.isDeleting && this.txt === "") {
  
    this.isDeleting = false;
    this.wordIndex++;
  
  }
  
  var that = this;

  setTimeout(function() {

    that.type();
    
  }, 1000);

}

// 생성자 함수는 단독 사용이 가능, 인스턴스가 필수는 아님
new TypeWriter(txtElement, words);