JSFiddle - React, Tailwind, and code Playground

by Piotr G

HTML

<div id="alert">
  treść alertu
</div>

<img src="wykrzyknik.jpg" id="alert_s" onclick="fc_alert();" width="100" height="100">

JavaScript

var alert_showed = false;

function fc_alert() {
  alert_showed = !alert_showed;
  switch (alert_showed) {
    case true:
      show_alert();
      break;
    case false:
      hide_alert();
      break;
  }
}

function show_alert() {
  document.getElementById("alert").style.backgroundColor = "blue";
  document.getElementById("alert").style.width = "500px";
  document.getElementById("alert").style.height = "500px";
}

function hide_alert() {
  document.getElementById("alert").style.backgroundColor = "red";
  document.getElementById("alert").style.width = "50px";
  document.getElementById("alert").style.height = "50px";
}