JSFiddle - React, Tailwind, and code Playground

by AlexandrVV

HTML

<div class="block block-1"></div>
<div class="block block-2"></div>
<button class="button">Кнопка</button>

CSS

.block{
  width: 50px;
  height: 50px;
}

.block-1{
  background:red;
}
.block-2{
  background:green;
  display: none;
}

JavaScript

let block1 = document.querySelector('.block-1');
let block2 = document.querySelector('.block-2');
let btn = document.querySelector('.button');

btn.onclick = function(){
  block2.style.display = "block";
  block1.style.display = "none";
}