이번엔 저번 포스팅에서 다룬 table, tr, td 태그를핸들링을 해보도록 하자. 저번 포스팅과 다르게 rowSum function을 추가했다. 그리고 행을 추가할때도 "수량" 이라는 로우에는 onkeyup 을 추가했다.onkeyup에 this를 파라미터로 넘겨주었다. rowSum 함수에서는 parentNode를 2번이용해 tr 태그 까지 접근한다.(input 태그 -> td태그 -> tr태그) cells를 이용해 내가 입력한 로우의 열에 접근한다. cells[0]은 과일이름 [1]은 가격 [2] 은 수량이 된다. 가격을 입력하고 수량을 입력하면 가격 * 수량의 합계금액이계산되어 자동으로 입력되어지게 된다.
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.