유튜브 코딩애플 자바스크립트 1강

2023. 1. 11. 13:46JAVASCRIPT

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <h2 id="hello">안녕하세요</h2>

    <script>

        document.getElementById('hello').innerHTML = '안녕';
        document.getElementById('1?').2? = '3?';

    </script>

</body>
</html>

<script> 해석

웹문서.id가 hello인 HTML요소.내부글자 = '안녕'으로 바꿔;

 

1? : 변경을 원하는 id를 입력한다.

2? : 무엇을 변경할 것인지 입력한다.

3? : 어떻게 변경할 것인지 입력한다.

 

 

1강 숙제

폰트 사이즈 30px로 변경

document.getElementById('hello').style.fontSize = "30px" ;

웹문서에서 id값이 hello인 요소를 가져와서 style안에 fontSize를 30px로 변경한다.