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

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

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

암튼 고맙다 티스토리.

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

아니 이게 되더라고?https://codepen.io/koreanraichu/pen/VwNNZGW 숫자야구 ver. JS...codepen.io거기서도 제대로 작동할지는 모르겠는데 일단 코드펜에도 올렸다. 테스트는 월욜에 점심 먹으면서 해봐

koreanraichu.tistory.com

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

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

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

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

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

그래서 JS에서 줘버림.

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

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

찢었다 내가 해냄.

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

barcode