JSFiddle - React, Tailwind, and code Playground

by Alexandr Zawgorodniy

HTML

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

JavaScript

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