JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<p>
Link below
</p>
<p>
<a href="http://dts-blog.com/working-digitally.html">Click me</a>
</p>

CSS

a:link, a:visited, a:hover {
  color:blue;
 }

JavaScript

$(document).ready(function(){
$("a").click(function (e) {
	// get the href
  e.preventDefault();
  var n = $(this).attr('href');
 
  //alert(n);
  var archive_href = n;
	var index = archive_href.lastIndexOf("/") + 1;
	var filename = archive_href.substr(index);  // working-digitally.html

	var article_id = filename.substring(0, filename.indexOf('.'));

	alert(article_id);
});

});

var archive_href = "http://dts-blog.com/working-digitally.html"
var index = archive_href.lastIndexOf("/") + 1;
var filename = archive_href.substr(index);  // working-digitally.html

var article_id = filename.substring(0, filename.indexOf('.'));
//var n = filename.lastIndexOf(".");

alert(article_id);