JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div id="test1">
    <p>!!!!!!!!!!!!!!!!!!!!!!!!</p>
</div>
<div id="test2">
    <p>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</p>
</div>

JavaScript

var test = document.getElementById('test1');
test.onmouseover = function() {
	console.log("Вход в onmouseover");
	test.innerHTML="<p>2222222222222222222222</p>"  ;   
};
test.onmouseout = function () {
  console.log("Выход из onmouseover");
	test.innerHTML="<p>&&&&&&&&&&&&&&&&&&&&&&&&&&&&7</p>";  
};
var testt = document.getElementById('test2');
testt.onmouseover = function() {
	testt.innerHTML="<p>;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;</p>"    ;   
};