SO 29758209

Help to someone new at javascript.

by some

HTML

<div id="container">
  <span id="hot">click on this sentence to show the string of words</span>
  <div id="words"></div>
</div>

JavaScript

// From: http://stackoverflow.com/questions/29758209/how-to-make-a-link-show-after-a-certain-amount-of-clicks-on-a-word

var e = { };
var currentWord = -1;
var myWords =[
  "word1", "word2", "word3", "word4", "word5",
  "word6", "word7", "word8", "word9", "word10",
  "word11", "word12", "word13", "word14", "word15",
  "word16", "word17", "word18", "word19", "word20",
  "word21", "word22", "word23", "word24", "word25"
];

function addText() {
  var text1 =document.createElement('div');
  var link = document.createElement('a');
  link.href = 'nightsky.html';
  link.textContent = 'a few million years in space  is like, how many years on earth?';
  text1.appendChild(link);
  text1.style.padding ="20px";
  e.container.appendChild(text1);
}

function update() {
  ++currentWord; // can also be written as "counter = counter + 1" or "counter += 1"

  if (currentWord < myWords.length) {
    // Show next word
    var word = document.createTextNode( myWords[currentWord] + ' ' );
    e.words.appendChild(word);
  } else {
    if ( currentWord == myWords.length) addText();
  }

}

function loaded() {
  e.container = document.getElementById('container');
  e.words = document.getElementById('words');
  e.hot = document.getElementById('hot');
  e.hot.addEventListener('click',update);
}

loaded(); // Should be called 'onload' or when DOM is ready.