Как сделать чтобы на кнопку можно было нажать только после нажатия другой кнопки?

Question

[masterwen]

Есть 2 кнопки. Как сделать чтобы на вторую кнопку можно было нажать только после того как пользователь нажмет на первую кнопку.
1 кнопка
<input type="button" class="random" value="игрок">
2кнопка

<input type="button" class="random1" value="сбор статистики">

Answer 1

[Борис Манжела]

<input type="button" class="random" value="игрок" onclick='document.getElementById("stat").disabled = false;'>
<input disabled type="button" id="stat" class="random1" value="сбор статистики">

Comments

[masterwen]

вторая кнопка теперь просто не активная даже после нажатия первой

Answer 2

[Ankhena]

Кнопки удобнее делать тегами button.

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

А js писать в js, а не в разметке.

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

https://jsfiddle.net/pLhrawnf/