JAVASCRIPT 15

 

input 태그의 속성을 checkbox로 지정한다. 버튼을 클릭하면 input 태그의 value 속성이 콘솔에 찍힌다.

내 코드 - addEventListener()로 구현

 

버튼을 클릭했을 때 입력란에 '최부장'이 '김대리'로 바뀌게 하기

 

input check 박스에 'checked' 된 속성만 콘솔에 출력하기

 

 

일본,중국, 타이완 같은 국가를 체크하면 가격이 더해진 합계가 출력

toLocaleString() - 숫자마자 콤마가 찍힌다.

다음에 input에 클래스명을 써서 클래스끼리 묶어서 myChk 변수에 요소를 가져와서 값을 가져와 합계를 구하자.

총합을 구하는 totalPrice가 let nation 뒤에 오면 초기화가 되지 않아고 3개 항목에서 체크하고 클릭하고 나서 클릭 전에 더해진 가격부터 체크한 가격이 모두 더해진다.

totalPrice가 addEventListener 내에 포함돼야 클릭하고 나면 0으로 초기화되어 3항목 내에서 체크된 가격만 합계가 출력된다.

 

 

radio 체크 항목만 로그에 출력하기

 

input  display: block;

setAttribute('type', 'text') -> 지정된 요소 input 태그에서 type 속성을 'text'로 변경 -> type이 text로 변경돼서 비밀번호 란에 숨겨진 글자가 보이게 된다. 

input의 속성 type을 getAttribute()로 불러온다

type이 text이면 password로 변경한다.

반대로 type이 password이면 text로 변경한다.