이번엔 저번 포스팅에서 다룬 table, tr, td 태그를핸들링을 해보도록 하자. 저번 포스팅과 다르게 rowSum function을 추가했다. 그리고 행을 추가할때도 "수량" 이라는 로우에는 onkeyup 을 추가했다.onkeyup에 this를 파라미터로 넘겨주었다. rowSum 함수에서는 parentNode를 2번이용해 tr 태그 까지 접근한다.(input 태그 -> td태그 -> tr태그) cells를 이용해 내가 입력한 로우의 열에 접근한다. cells[0]은 과일이름 [1]은 가격 [2] 은 수량이 된다. 가격을 입력하고 수량을 입력하면 가격 * 수량의 합계금액이계산되어 자동으로 입력되어지게 된다.
HTML에서 table, tbody, tr, td 를 이용해 간단하게 표를 만들고 버튼을 눌러 행을 추가하는 기능을 만들어보자. 일단 행을 추가해줄 버튼과 아이디, 이름, 전화번호, 주소를 td 태그를 이용해 만들어 주자.이제 "로우추가" 라는 버튼을 누르면 행이 추가될 수 있도록 function을 만들어주자. 간단하게 insertRow() 를이용해 행(로우)을 추가할 수 있다.insertCell() 은 열을 추가하는 것인데 insertRow 가 tr 태그를 추가하는거라면inserCell은 td 를 추가하는 것이다.innerHTML을 이용해 input 태그를 넣어줬다. 로우추가 버튼을 누르면 아래와같이 로우가 추가되고innerHTML을 이용해 input 태그가 들어가 있는 상태이므로아래처럼 값을 입력할 ..
