JS(Vanilla)

배울 내용

new, windows

전체코드 1

<!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 type="text/javascript">
        function student(name, id)  {
            this.name = name;
            this.id = id;
        }
        var student1 = new student('양윤혁', 20301);
        var student2 = new student('최 민', 20302);
        var student3 = new student('박인서', 20303);
        var student4 = new student('한경김', 20201);
        var student5 = new student('인지해', 20202);
        id_p = prompt("id?");
        
        if (student1.id == id_p){
            document.write(student1.name);
            document.write(student1.id);
        }
        else if (student2.id == id_p){
            document.write(student2.name);
            document.write(student2.id);
        }
        else if (student3.id == id_p){
            document.write(student3.name);
            document.write(student3.id);
        }
        else if (student4.id == id_p){
            document.write(student4.name);
            document.write(student4.id);
        }
        else if (student5.id == id_p){
            document.write(student5.name);
            document.write(student5.id);
        }
    </script>
</body>
</html>

JS 부분 1

        function student(name, id)  {
            this.name = name;
            this.id = id;
        }
        var student1 = new student('양윤혁', 20301);
        var student2 = new student('최 민', 20302);
        var student3 = new student('박인서', 20303);
        var student4 = new student('한경김', 20201);
        var student5 = new student('인지해', 20202);
        id_p = prompt("id?");
        
        if (student1.id == id_p){
            document.write(student1.name);
            document.write(student1.id);
        }
        else if (student2.id == id_p){
            document.write(student2.name);
            document.write(student2.id);
        }
        else if (student3.id == id_p){
            document.write(student3.name);
            document.write(student3.id);
        }
        else if (student4.id == id_p){
            document.write(student4.name);
            document.write(student4.id);
        }
        else if (student5.id == id_p){
            document.write(student5.name);
            document.write(student5.id);
        }

함수 선언

함수

이외 기타 기초 문법들은 JavaScript 기초 를 참고한다.

new 연산자

객체를 생성하고 초기화하는 연산자이다. new 옆에 위치한 메서드를 생성자라고 한다.

var student1 = new student('양윤혁', 20301);
var student2 = student('양윤혁', 20301);
function student(a,b){asdhjad return x;}

student라는 생성자(객체 생성자 함수)를 활용하여 student1이라는 객체를 생성하였다.

배울 내용

전체코드 1

JS 부분 1

함수 선언

new 연산자

전체코드 2