숫자 야구에 새 게임 버튼을 넣어보자

이게 티스토리 문제인건지 테마 문제인건지 브라우저 문제인건지 글 삭제도 수정도 안되고 아주 지랄났음. 

모바일에서는 잘 되는데 PC에서 글 수정도 삭제도 안되니 뭘 할 수가 있어야죠... 

 

암튼 고맙다 티스토리. 

---

https://koreanraichu.tistory.com/413

자바스크립트로 숫자 야구를 만들어보자

여기서 숫자 야구를 만들었는데, 생각해보니까 새 게임 버튼이 있었으면 좋겠는거다. 아니 새 게임 할라면 F5키 누르면 되긴 됩니다. 어차피 창 새로고침 하면 되니까. 근데 있으면 재밌잖아요? 그리고 이 새 게임 버튼은 조건부로 나오는거라서 게임을 클리어해야 나온다.

---

const ballNewgame = document.querySelector('.newgame');

일단 버튼을 만들고 가져오면 된다. 그리고 가져와야 뭘 한다. 

 

오른쪽에 새 게임 버튼이 생겨있는 것을 볼 수 있는데, 이 버튼을 조건부로 활성화시키기 위해서는 일단 비활성화시켜야 한다. 이건 HTML 가서 <button disabled> 주면 되긴 되는데 이벤트 때려박으니까 HTML에서 disabled 준 거 안먹히더라... 

 

ballNewgame.disabled = false;
ballNewgame.addEventListener('click',()=>{
    history.go(0);
});

그래서 JS에서 줘버림.

 

그래서 버튼이 있었는데 없어졌습니다.

 

그리고 이렇게 맞추면 보인다. 이제 코드펜 수정하러 가야지…

 

찢었다 내가 해냄. 

 

움짤을 보면 아시겠지만 답을 맞추자마자(3스트라이크 뜨자마자) 숨어있던 버튼이 튀어나오는 것을 볼 수 있다.