JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" class="random">игрок</button>
<button type="button" class="random1" disabled>сбор статистики</button>

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 50px;
  font-family: 'Neucha', cursive;
}
button {
  padding: 0.5em;
  border: none;
  background: deepskyblue;
  color: white;
  text-transform: uppercase;
}
button:disabled {
  background: #aaa;
  opacity: 0.5;
}
button:focus, button:not(:disabled):hover {
  outline: none;
  background: darkblue;
}

JavaScript

let btn1 = document.querySelector('.random');
let btn2 = document.querySelector('.random1');
btn1.addEventListener('click',  () => btn2.disabled = false)