JSFiddle - React, Tailwind, and code Playground

by Teuta Koraqi

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div onmouseover="this.innerHTML = 'Im changed'" onmouseleave="this.innerHTML = 'Im gonna be changed on hover'" onclick="textLength()">
 I'm gonna be changed on hover! 
</div>
<p id="p">This will tell the text length: <span id="span">This is a test</span></p>



<script>
 function onHover() {
  this.innerHTML = "Im changed";
}

var txt = document.getElementById("span").innerHTML;
function textLength() {
	
  var sln = txt.length;
  document.getElementById("span").innerHTML = sln;
}

var str = "Hello";
var arr = str.split("");
var text = "";
var i;
for(i = 0; i < arr.length; i++)
{
   text += arr[i] + "<br>" 
}

document.getElementById("p").innerHTML = text;
</script>

CSS

div {
  cursor: pointer;
}