자바스크립트 기초 - 2

DOM - document object model
html을 쉽게 접근할 수 있게 해주는 모델

---

getElementById

<textarea class="form-control" rows="3" id="1">안녕하세요.</textarea>
<script>
  var content = document.getElementById('1').value;
  console.log(content);
</script>

 document.getElementById('count').innerHTML = '(' + content.length + '/200)';

---

함수

function 함수이름 (){
	실행할 코드
}
// 함수 실행
함수이름();

---

이벤트

<textarea 이벤트 = 이벤트핸들링> </textarea>
<textarea onkeydown='함수();'</textarea>

---

substring

// content는 0에서 200 미만의 글자를 잘라서 넣기 때문에 200자를 넘을 수 없다.
content = content.substring(0,200);

---