자바스크립트 초보입니다

Question

안녕하세요. js를 공부중인 학생입니다..유튜브 강의를 보며 간단한 가위바위보 게임을 만들었습니다.그 후 추가하고 싶은 부분이 있어서 수정하는데 막히는 부분이 있어서 질문드립니다.유튜브 영상에선 가위, 바위, 보 중 하나를 클릭 시 바로 결과가 나타났으며,저는 셋 중 하나를 클릭했을 땐 나의 선택만, 결과보기를 눌렀을 때 승부결과가 나오도록수정하고 싶습니다.결과보기를 누르면 위에 사진과 같이 결과를 불러오지 못하고 있습니다..css 코드 생략 후 html과 js코드 아래에 작성해두었습니다.js 코드에서 어디가 문제인지 보이신다면 댓글 부탁드립니다. 감사합니다.-------------------- HTML 코드 --------------------

상대의 선택은 ?

___

나의 선택은 ?

___

-------------------- 자바스크립트 코드 -------------------- const buttons = document.querySelectorAll(".bt"); const computerChoice = document.querySelector(".computer-choice"); const userChoice = document.querySelector(".you-choice"); const clickButton = document.querySelector('.click'); const winner = document.querySelector('.result'); const result = ['가위', '바위', '보']; const show = (user, computer, message) => { computerChoice.innerText = computer; userChoice.innerText = user; winner.innerText = message; }; clickButton.addEventListener('click', show); const game = (user) => { const randomIndex = Math.floor(Math.random() * 3); const computer = result[randomIndex]; let message; if (user === computer) { message = "무승부!"; } else { switch (user + computer) { case '가위보': case '바위가위': case '보바위': message = "나의 승리!"; break; case '가위바위': case '바위보': case '보가위': message = "상대의 승리!"; break; } } show(user, computer, message); }; const userCh = (event) => { const user = event.target.innerText; userChoice.innerText = user; } buttons.forEach((bt) => { bt.addEventListener('click', userCh); });

하태연 · Answer

https://jsfiddle.net/haguri_peng/5pLy3cjt/clickButton click Event 수정해주시면 됩니다. event 파라미터는 사용하지 않기에 소스 상에서는 명시하지 않았습니다.아래 링크 참조해보시면, 제가 저렇게 수정한 이유 아실겁니다. https://developer.mozilla.org/ko/docs/Web/API/Element/click_event

자바스크립트 초보입니다

1개의 답변

Q&A 목록