[JS] let / const / var 기초

Stack/JavaScript

[JS] let / const / var 기초

7ingout 2022. 4. 26. 09:47

1. 변수선언

let userName;

var userAge;

const 선언과 동시에 할당해야 함

const apple = 'apple';

let age, name, hobby;

2.변수할당

let userName='green';

let userName;

userName = 'blue';

userName = 'abc';

let userAge = 30;

숫자는 따옴표없이 할당

문자는 따옴표로 감싸고 할당

alert('여러분')

alert(userName);

05variable.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let admin;
        // let name;
        // name = 'John';
        // // let name = 'John';
        // admin = name;
        // alert(admin);

        "use strict"; // 자바스크립트의 엄격모드
        var name1 = "abc";
        var name1 = "aaa";
    </script>
</body>
</html>

06variable_ex.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>자바스크립트로 내용 입력하기</h1>
    <p></p>
    <script>
         // console.log(document.querySelector('h1').innerHTML);

        let h1Text = document.querySelector('h1').innerHTML
        console.log(h1Text);

        let pNode = document.querySelector('p');
        pNode.innerHTML = '안녕하세요';
    </script>
</body>
</html>

07prompt.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let age = prompt('나이를 입력하세요');
        // // age를 숫자형으로 변경한 값을 result에 할당
        // let result = Number(age);
        // // console.log(age);
        // // console.log(typeof age);

        // console.log(result);
        // console.log(typeof result);

        let message=propt('당신의 이름을 입력하세요');
        document.write(message);
    </script>
</body>
</html>

08confirm.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // alert: 메세지를 보여줌
        // prompt: 사용자에게 텍스트를 입력하도록 함
        // 확인을 누르면 입력한 문자열을 반환하고, 취소 또는 esc를
        // 누르면 null을 반환합니다.
        // confirm: 사용자가 확인 또는 취소를 선택하도록 함
        // 확인을 누르면 true 취소를 누르면 false를 반환합니다.
        let isBoss=confirm("당신이 주인인가요?");
        console.log(isBoss);
    </script>
</body>
</html>