본문 바로가기

프론트앤드 수업

[javascript] 폼태그 연산 이벤트만들기 change,click

728x90

 

 

1. 숫자를입력 후 연산을 클릭시 버튼에 걸어놓은 click 이벤트로 두개의 값이 더해진다.

2. 문자를 입력시 경고창이 나오도록 if문비교 if( Number(a) != isNaN ) isNaN은 if문으로 비교가 불가능하다. 

if(isNaN(a)) 로 입력해 true, false를 확인하도록 한다. // isNaN은 문자열이있어 연산이 불가능한 경우 나타난다.

 

3. 숫자를 입력후 수량을 선택시 select문에 걸어놓은 change 이벤트로 값이 곱해진다.

 

4. chackbox를 체크 후 버튼을 누르면 click 이벤트로 해당값들이 더해진다. 해당값들을 더할땐 checked의 true false여부로 value를 가져와서 value값을 더해준다. 더하는값은 Number로 바꿔주되 처음만드는 변수의 값을 반드시 0으로줘서 정수형으로 만들어놓도록하자.

728x90
댓글