본문 바로가기

Development (국비 복습 )/JavaScript48

이전사진 다음사진 변경 배열에 있는걸 소스파일 변경이 어려워서 그냥 형식으로 html에 만들고 이전 버튼을 클릭하면 click --를 주어서 이전 배열을 보여주고 , 만약 0인 상태면 디폴트 값을 설정해두었다 마지막 사진에서는 다시 0으로 갈 수 있도록 셋팅해주었다. 참고로 i++ 은 바로 바뀐 숫자가 보여지는 것이 아니라 , 그 다음 변수가 1이 하나 늘어난 것이다. 2023. 2. 19.
버튼 클릭시 배열 사진 변경 위의 사진의 버튼을 클릭하면, 새로운 선수가 나오는 코드를 만들었다.. 내가 해맷던것은, 버튼을 클릭할 때마다 index값을 1씩 늘리고 싶었는데 var j=0;이라는 변수가 버튼 함수 안에 있다보니까 계속 초기화가 된것이였다. 그래서 아래처럼 노가다로 적었는데, var j를 바깥 스코프에 적으면 간단히 해결될 문제였다.. 2023. 2. 18.
null이랑 ""(undefined)의 차이점 버튼으로 사진 바꾸기 연습을 하다가, null로 하면 값이 이상하게 나오고 ""로 하니까 내가 원하는 값이 나오는걸 볼 수 있었다. 버튼을 처음클릭할 때는 안에 값이 없으니까 null로 주었는데, picArr[0]이 아니라, picArr[1]이 출력되었다. 이는 html문서로 더 자세히 알 수 있는데, 여기가 내가 넣을 값의 공간이다. div안에 공간이 있다. 즉 player라는 id값을 할당하고 그 공간을 쓰겠다는 것이다. null은 아예 공간자체도 만들어지지 않아서, 걍 정말 아무것도 없다고 생각하면 될거같다. 2023. 2. 18.
버튼 클릭시 태그 타입 변하게 만들기 지금껏 텍스트만 변하는걸 연습햇는데, 태그의 타입도 변하게 할 수 있다. 여기서 내가 오류난 이유는 document.getElementById("cusPas").type=text 라고 "따음표를 안쓰고 썻기 때문이다. 이걸 기준으로 name이나 다른 것도 변화시키는 연습을 해보았다 2023. 2. 16.