JSFiddle - React, Tailwind, and code Playground

by Farzad Cyrus

HTML

<a class="a" href="javascript:{}" data-click="">Do Something</a>

CSS

body { background-color: steelblue; color: #fff; font-family: sans-serif; }
a:link, a:visited, a:hover { color: #fff; }

JavaScript

function dataClick(link) {
var self = this;
/*
var selector = document.querySelector(link);

console.log(selector);
*/


/*
	var counter = 1,
  		colours = ['#aa0022', '#bb1133', '#cc2244', '#dd3355', '#ee4466'];
      
  //if (counter <= 4) {
  		for (var i = 0; i < counter; i++) {
      		var colour = colours[i];
      		document.body.style.backgroundColor = colour;
          console.log('The counter is ' + counter);
          console.log('The colour should change to ' + colour);
          counter++;
          //return false;
      }
  //}
  */
  
}


var selector = document.querySelectorAll('[data-click]');

/*
selector.addEventListener('click', function () {
console.log('Hello');
});
*/
console.log(selector);