inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

셀프 체크 - 3판 2선승제로 만들기

점수 표기 누적 질문있습니다.

280

Tedd :)

작성한 질문수 3

0

      let message;
      // 2, -1은 승리조건이고, -2, 1은 패배조건, 점수표 참고
      if ([2, -1].includes(diff)) {
        me += 1;
        message = '승리';
      } else if ([-2, 1].includes(diff)) {
        computer += 1;
        message = '패배';
      } else {
        message = '무승부';
      }
      if (me >= 3){ // 3번 먼저 이기면 나의 승리
        $score.textContent = `나의 승리 ${me}:${computer}`;
      } else if (computer >= 3){ // 3번 먼저 이기면 컴퓨터의 승리
        $score.textContent = `컴퓨터의 승리 ${me}:${computer}`;
      } else {
        $score.append(`${me}:${computer}`, document.createElement('br'))
        setTimeout(() => {
          clickable = true;
          intervalId = setInterval(changeComputerHand, 50);
        }, 1000);
      }
    }
};

점수 표기 누적을 해보고 싶어서 else에

$score.append(`${me}:${computer}`, document.createElement('br'))

값을 추가해보았는데요, 이렇게 적용하면

1:0이 아닌 01:0 으로 시작합니다. 이유가 무엇일까요?

그리고 message = '승리';
message = '패배';
message = '무승부'; 값이 적용되지 않습니다.

 

승리, 패배, 무승부 값도 적용하고, 점수 표기도 누적으로 나오게 하려면 어느 부분을 수정해야할까요?

 

 

 

 

javascript

답변 1

0

제로초(조현영)

message를 사용 안 하셨으니 승리/패배/무승부가 안 뜨는 것이고요.

me가 처음에 0이 아니라 '0'이면

'0' + 1은 '01'이 됩니다.

0

Tedd :)

1. message 사용을 하여

      if (me >= 3){ // 3번 먼저 이기면 나의 승리
        $score.textContent = `나의 승리 ${me}:${computer}`;
      } else if (computer >= 3){ // 3번 먼저 이기면 컴퓨터의 승리
        $score.textContent = `컴퓨터의 승리 ${me}:${computer}`;
      } else {
        $score.append(`${message}` + `${me}:${computer}`, document.createElement('br'))
        setTimeout(() => {
          clickable = true;
          intervalId = setInterval(changeComputerHand, 50);
        }, 1000);
      }
  }

이렇게 코드를 수정해보았습니다. 그 결과 승리/패배/무승부:점수 누적되어 잘 나옵니다.
이러한 방법으로 수정해도 되는건지 다시 여쭙니다.

 

2. 01을 어떻게 안나오게 할지 고민하다가

<div id="score">0</div>

에서 0을 제거하고

<div id="score"></div>

이렇게 작성해봤는데요, 01이 안나오고 1부터 작동이 됩니다.
이러한 방법으로 수정해도 되는건지 다시 여쭙니다.

 

항상 좋은 강의와 답변 감사합니다.

 

0

제로초(조현영)

1. ``를 쓰면 +를 쓸 필요가 없습니다.

2. textContent를 숫자로 바꾸세요.

0

Tedd :)

감사합니다!

자바스크립트 입문 강의 재생 안됨

0

98

2

쿵쿵따 조건문 질문입니다.

0

85

2

렛츠가릿 자바스트립트와 공유가 되나요

0

88

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

112

2

안녕하세요

0

111

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

82

2

고차 함수 작성법과 수업 진도 관련한 질문

0

96

3

break와 continue 9:55 내 continue 구문 질문

0

161

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

127

2

로또 추첨기 중 입력값을 검사할 때

0

151

2

2-14.else,else if,switch 관련 질문입니다.

0

119

2

가위바위보 이미지(rsp.png)가 안보여요

0

274

3

Math.random() 에 9을 곱하는 이유

0

183

4

클로저 관련해서 질문있습니다.

1

196

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

249

1

event.target.textContent관련 질문

0

284

2

객체 참조 관련 질문

0

186

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

495

1

별찍기 마름모 문제입니다.

0

361

2

숙제 질문

0

228

1

5강 async/await으로 가독성 높이기에서

0

240

1

야구게임 관련 질문입니다

0

192

1

쿵쿵따, 계산기에서 변수 선언

0

184

1

지뢰 힌트 사라짐(대괄호)

0

172

1