Navigate via button click

by Scott Currell

HTML

<p>Activate User?</p>
<input type="button" value="Continue" class="js-button" data-url="/success.htm"/>
<input type="button" value="Back"     class="js-button" data-url="/index.htm"/>

JavaScript

// Buttons array
var inputButtons = document.getElementsByClassName('js-button');

// Listen for button click and navigate according to data-url
for (var i = 0; i < inputButtons.length; i++) {
	inputButtons[i].addEventListener('click', navigateToPage, false);
}

// Navigate by grabbing URL from clicked button
function navigateToPage() {
	var _pageURL = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getAttribute('data-url');
  var _altURL  = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getAttribute('data-url');

  // this doesn't work
  console.log('First console.log: ', _pageURL);
  
  // but this does
  console.log('Second console.log: ', _altURL);
  
  // Why? I don't even know what's going on here.
}