JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<div id="first" onmouseover="changeBigger(this)" onmouseout="changeSmaller(this)">D</div>

CSS

#first {
    height:50px;
    width:50px;
    background:red;
}
div {
    height:50px;
    width:50px;
    background:yellow;
}

JavaScript

function changeBigger(y) {

    y.style.height = "100px";
    y.style.width = "100px";
}

function changeSmaller(z) {

    z.style.height = "50px";
    z.style.width = "50px";
}