JSFiddle - React, Tailwind, and code Playground

by brodardc

HTML

<head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="icon" href="#" />
   <link rel="stylesheet" href="./styles/main.css">
   <script type="text/javascript" src="./js/indexCtrl.js"></script>
   <title>Ex2 — login</title>
</head>

<!-- corps de la page -->



<body>
   <div id="carre" onclick="carreBleu()">
     
   </div>
</body>

CSS

#carre{
  background-color: blue;
  height: 5em;
  width: 5em;
}

JavaScript

function carreBleu() {
  
    alert("quelqu'un a cliqué sur le cube bleu");
    console.log("quelqu'un a cliqué sur le cube bleu")

}