Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Input</title>
	<link rel="stylesheet" type="text/css" href="style/main_style.css">
	<script type="text/javascript" src="js/main.js"></script>
	<meta charset="UTF-8">
	<meta name="keywords" content="Ferrari, Masini, Curse">
	<meta name="description" content="Un site informativ despre producatorul de masini Ferrari">
	<meta name="author" content="Catalin Mihai">
</head>
<body style="width: 800px; height: 400px; border:solid;">
	<a id="ancora" href="https://www.wikipedia.com">CLICK ME</a>
	<p id="info"></p>
</body>
</html>


var ancora;
var paragraf;

window.onload=function(){

	ancora = this.document.getElementById("ancora");
	this.paragraf = this.document.getElementById("info");
	ancora.addEventListener("click", onAncoraClick);
	ancora.addEventListener("mouseover", onAncoraMouseOver);
	this.ancora.addEventListener("mouseout", onAncoraMouseOut);
}

function onAncoraClick(){
	var data = new Date();
	window.localStorage.setItem(ancora.href, data);
}

function onAncoraMouseOver(){
	var d = window.localStorage.getItem(ancora.href);
	if(d != null){
		paragraf.innerHTML = d;
	}
}

function onAncoraMouseOut(){
	paragraf.innerHTML = "";
	console.log(localStorage);
}