innerhtml (2) 썸네일형 리스트형 자바스크립트 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(){ .. 자바스크립트 2일차 - 문자열 합치기 및 qeurySelector, innerhtml - 문자열 합치는 방법 - 여러 방법이 있지만 보통은 백틱을 이용한 변수, 문자열 합치기를 사용한다. 백틱은 우리 키보드자판의 좌측 상단에 있는 달러표시를 누르면 나오는 기호이다. `문자 ${변수}문자` 이런식으로 문자와 문자 사이에 변수를 넣을수 있다. ${ 변수명 } 을 백틱 안에 넣어준다. 자바스크립트를 사용하다 보면 html의 클래스 이름 및 태그를 가져와야 할때가 있다. 그럴경우 우리는 querySelector를 사용해 해당 내용을 가져온다. querySelector의 파라미터 표시 방법 클래스는 점으로 아이디는 샵으로 시작하고 태그는 태그명칭으로 시작한다. document. querySelector('div').innerText = 2000; 일일이 치기 힘들다. 그래서 변수에 담아둔다면 어떨.. 이전 1 다음
