자바스크립트 수업 (3) 썸네일형 리스트형 자바스크립트 5일차 - 반복문 for문과 foreach, 함수 for문과 while문이 있음. 자바스크립트에서는 보통 for문을 추천하는 편. for (초기값; 종료조건; 증감) 형태로 이루어진다. 예시 for (let num=0; num 자바스크립트 4일차 - 배열 입력 > 응용한 출석부 만들기 배열 선언 방법 let arr =[]; 배열 입력 방법 arr.push(value) 간단하죠? 이를 응용해서 출석부를 만들어 보겠습니다. 저번시간에 배운 input 태그와 queryselector, innerHtml 을 활용할 것입니다. 출석부(0) 저장 먼저 출석부 부분을 만들어줍니다. 태그들을 사용해서 이름을 입력받을수 있도록 input태그 먼저 사용 button을 사용한 저장버튼 그리고 ul태그를 사용해 출력 부분을 만들어줍니다. 그럼 이렇게 출석부(0) 인풋태그 (저장버튼)이 완성되겟죠? 이후 스크립트를 통해 원하는 기능들이 정상동작 하도록 작업해줍니다. 목표는 다음과 같습니다. 1. 인풋 태그에 입력한 값 확인 2. 저장버튼을 누를 시 인풋 태그의 입력값을 array에 저장함 3. 저장한 값을 .. 자바스크립트 3일차 - 삼항연산자, input tag, form tag와 이벤트 ( 조건 ) ? "참" : "거짓" 조건에 따라서 true면 참에 해당되는 결과를, false면 거짓에 해당되는 결과를 실행한다. 예시 (a < 0) ? a=1 : a=0 a 가 0보다 작다면, a에다가 1을 대입하고 아니라면 0을 대입하라는 의미. Input Tag input 태그는 아래와 같은 예시로 쓰인다. 이런 tag들을 인식하기 위해서 부분에서 태그들을 받아와서 값을 변경해준다. 선택자를 통해 태그들을 선택하고 데이터를 받아와서 연산을 한 후 결과값을 출력할 것이다. // 1. 언제 - 마우스 클릭시? 스크롤시? // 2. 무엇을, 어떻게 - 변수를 const elResult = document.querySelector('.result') elResult.onclick = function(){ .. 이전 1 다음
