Front-End/JavaScript

주교재 농구게임 프로젝트 중.

어펭져스 2018. 7. 18. 21:50

책 내용을 그대로 따라하더라도 사소한 오류들이 너무 많이 나온다.

현재 리팩토리 직전까지다.


저자의 코드 마지막 부분에서


// 모든 버튼 비활성화


var computerButtons = document.getElementsByClassName('btn-computer');

for (var i = 0; i < computerButtons.length; i++) {
computerButtons[i].disabled = true;
}
var userButtons = document.getElementsByClassName('btn-user');
for (var i = 0; i < userButtons.length; i++) {
userButtons[i].disabled = true;

라고 돼있다.

본문(199p)에서 이미 위쪽에서 class name을 변수로 선언했기 때문에 다시 가져올 필요가 없다고 했지만 

내 코드에서는 다시 선언하지 않으면 슛 횟수가 마이너스로 무한히 진행된다.

저자의 코드는 책 내용과 다르게 변수를 다시 선언했지만 (위와 같이)

여기서 다시 선언한 변수들

var computerButtons = document.getElementsByClassName('btn-computer');

var userButtons = document.getElementsByClassName('btn-user');

를 지우더라도 실행에 이상이 없다.



저자의 코드 상태는 리팩토링까지 완료한 상태다.

일단 내일 내 코드도 리팩토링 진행하면서 문제점을 다시 파악해 볼 예정이다.




지금 내 코드의 상태가 '오류'인 것은 아니지만,

저자의 말처럼

저 변수선언을 지우더라도 disabled가 먹혀야 되는데

내 코드는 변수선언을 지우면 disabled가 먹통이 되기 때문에....

분명 어디선가 문제가 있는 것이다.ㅠㅠ


매일매일이 오류의 연속이다.아.....ㅠ ㅠㅠㅠㅠㅠ