반응형
이말이 정답은 아니겠지만, 자바스크립트는 html을 조작하기 위해 사용하는 언어라고 생각한다.
그래서 오늘은 자바스크립트의 가장 기본적인 문법을 적어 기억하려고 한다.
1
2
3
4
5
|
<p id="hello">안녕하세요</p>
<script>
document.querySelector('#hello').innerHTML = '반갑습니다'
</script>
//이렇게하면 '안녕하세요'가 '반갑습니다'로 바뀌어 나타난다. |
cs |
1
2
3
4
5
6
7
8
|
<p id="hello">안녕하세요</p>
<button id="button">버튼</button>
<script>
document.querySelector('#button').addEventListener('click', () => {
document.querySelector('#hello').innerHTML = '반갑습니다'
})
</script>
//버튼을 누르면 '안녕하세요'가 '반갑습니다'로 바뀐다. |
cs |
반응형
'개발자일기 > javascript' 카테고리의 다른 글
this는 무엇일까? (0) | 2023.05.16 |
---|
댓글