총 네가지 API를 살펴보자
첫번째 버튼은 callAppendData()라는 함수를 호출한다.
callAppendData는
target엘리먼트에 appendData 메소드를 실행한다.
appendData는 data.value를 파라미터로 두는데 이는 첫번째 input박스의 value값이다.
결론적으로
Cording everybody!(target엘리먼트) 뒤에 value값이 추가된다.
두번째 버튼은 callDeleteData()라는 함수를 호출한다.
target엘리먼트에 deleteData 메소드를 실행한다.
deleteData메소드는 첫번째 값 두번째 값 모두 정수를 파라미터로 받으며, 순서를 뜻한다.
만약 target.deleteData(5,5);라면
Cording everybody!에서 다섯번째 인수에서 10번째 인수 사이의 값을 삭제한다.
결과 : Cordierybody
세번째 버튼은 callInsertData()
insertData메소드를 불러오며 첫번째 파라미터는 위치 두번째 파라미터는 데이터 값이다.
네번째 버튼은 변경
다섯번째 버튼은 위치의 데이터를 읽는 기능을 가진다,
'Language > JavaScript(ES6)' 카테고리의 다른 글
[JavaScript] 이벤트 용어 (0) | 2018.09.04 |
---|---|
[JavaScript]Element의 위치 및 크기 알아내기 (0) | 2018.09.03 |
[Javascript] Text객체 (0) | 2018.09.03 |
[Javascript]Document객체 (0) | 2018.09.03 |
[javaScript]innerHTML, outerHTML (0) | 2018.09.03 |