코딩애플의 JS기초와 웹 UI 개발 강의를 들으며 배우는 개념을 내 나름대로 정리하는 개념노트를 쓰려고 한다.
JS 의 기능
- 서버와 통신
- 클릭, 타이핑 감지(onClick 등)
- 비동기처리
- 자료다루기
그리고
HTML 조작 기능 ★★★★
그 중 일단은 HTML 조작 기능부터 학습
<h1 id="hello">안녕하세요</h1>
JS를 활용해 안녕하세요를 안녕으로 바꾸기
<script>
document.getElementById('hello').innerHTML = '안녕';
</script> document(=HTML문서)
.(=의)
getElementById('hello')(=id가 'hello'인 요소를 가져와라)
.(=그 요소의)
innerHTML(내부내용을) = '안녕'(안녕으로 내용을 바꿔라)
1강 과제
안녕하세요 글자 크기를 16px로 바꾸기
<body>
<h1 id="hello">안녕하세요</h1>
</body>
<script>
document.getElementById("hello").style.fontSize = "16px";
</script>
코딩 공부 기록장