JSFiddle - React, Tailwind, and code Playground

by jfreiheit

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>change</title>
</head>
<body>
  <div onmouseover="mOver(this)" onmouseout="mOut(this)">Maus hier her!</div>
</body>
</html>

CSS

div {
  padding-top: 50px;
  height: 100px;
  text-align: center;
}

JavaScript

function mOver(obj) {
obj.innerHTML = "Danke!";
	obj.style.backgroundColor = "green";
	obj.style.color = "black";
}

function mOut(obj) {
obj.innerHTML = "Maus hier her!";
	obj.style.backgroundColor = "red"
	obj.style.color = "white";
}