자바스크립트 table, tr, td 핸들링 하기

이번엔 저번 포스팅에서 다룬 table,  tr,  td 태그를

핸들링을 해보도록 하자.

저번 포스팅과 다르게 rowSum function을 추가했다.

그리고 행을 추가할때도 "수량" 이라는 로우에는 onkeyup 을 추가했다.

onkeyup에 this를 파라미터로 넘겨주었다.

rowSum 함수에서는 parentNode를 2번이용해  tr 태그 까지 접근한다.

(input 태그 -> td태그 -> tr태그)

cells를 이용해 내가 입력한 로우의 열에 접근한다.

cells[0]은 과일이름 [1]은 가격 [2] 은 수량이 된다.

가격을 입력하고 수량을 입력하면 가격 * 수량의 합계금액이

계산되어 자동으로 입력되어지게 된다.