WEB2 - JavaScript

댓글

댓글 본문
작성자
비밀번호
  1. dudwn7504
    감사합니다~
    대화보기
    • 와이에스
      객체의 메소드 사용할때는 '='을 빼고 '( )'만 사용해보세요
      <수정전>
      Body.setBackgroundColor = ('black');
      Body.setColor = ('white');
      <수정후>
      Body.setBackgroundColor('black');
      Body.setColor('white');
      대화보기
      • dudwn7504
        버튼을 눌러도 버튼 이름만 바뀌고 나머지는 동작을 안해요 이유를 모르겠어요. 어디가 잘못되어 있는지 알려주세요 ㅠㅠ

        <script>
        var Body = {
        setBackgroundColor:function (color){
        document.querySelector('body').style.backgroundColor = color;
        },
        setColor:function (color){
        document.querySelector('body').style.color = color;
        }
        }

        function nightDayHandler(self){
        var target = document.querySelector('body');
        if(self.value === 'night'){
        Body.setBackgroundColor = ('black');
        Body.setColor = ('white');
        self.value = 'day';
        } else {
        Body.setBackgroundColor = ('white');
        Body.setColor = ('black');
        self.value = 'night';
        }
        }
        </script>
        </head>
        <body>
        <input id="night_day" type="button" value="night" onclick="
        nightDayHandler(this);
        ">
      • didQk
        완료!
      • 2019-02-21 완료
      • 우도순
        완료
      • 재래
        어떻게 이렇게 쉽고 쏙쏙 이해되게 설명하실 수가 있죠. 어느새 여기까지 왔네요.
      • 발헤
        감사합니다.완료
      • 호두
        아 강의에 있네요 제가 실수 했습니다.
      • 호두
        What's “this” in JavaScript onclick?
        Ask Question

        <a onclick="javascript:func(this)" >here</a>

        Answers


        In the case you are asking about, this represents the HTML DOM element.

        So it would be the <a> element that was clicked on.
      • 호두
        <input type="button" value="night" onClick="
        nightDayHandler(value);
        ">

        에서
        <input type="button" value="night" onClick="
        nightDayHandler(this);
        ">

        로 변경하니까 제대로 동작하네요

        이 차이점 알려주실 수 있나요?

        onClick 이 HTML 의 DOM을 리턴한다는데

        버튼을 클릭하는 순간 this값으로 input 태그의 value값이 전달되는건가요?
      • 함가죠
        완료 감사합니다:)
      • gravity251
        완료
      • 지미츄
        완료 감사합니다~~
      • 이수하
        완료
      • 어렵네요....
      • 김용범
        몰아쳐서 객채까지 공부를 완료했습니다. 속도가 정말 빠르네요! 뿌듯합니다
      • 막시무스
        전 코딩이 어디서 시작되었는지 몰라 직접 강의내용 보고 코딩 해봤습니다.
        처음부터 코딩하다 보니 setColor -> setcolor 이런 철자 오류로 인해 대부분 동작이안되더군요?
        밑 참조하시어 어디서 틀렸는지 함 대조해 보세요 ! 감사합니다.

        <!doctype html>
        <head>
        <title>생활코딩</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <script>
        var Link = {
        setColor:function(color){
        var alist = document.queryselectorAll('a');
        var i = 0;
        while(i < alist.lenght){
        alist[i].style.color = color;
        i = i + 1;
        }
        }
        }
        var Body = {
        setColor:function(color){
        document.querySelector('body').style.color = color;
        },
        setBackgroundColor:function (color){
        document.querySelector('body').style.backgroundColor = color;
        }
        }
        function nightDayHandler(self){
        var target = document.querySelector('body');
        if (self.value ==='night'){
        Body.setBackgroundColor('black');
        Body.setColor('white')
        self.value = 'day';

        Link.setColor('powerblue');
        } else {
        Body.setBackgroundColor('white');
        Body.setColor('black')
        self.value = 'night';

        Link.setColor('blue');
        }
        }

        </script>
        </head>
        <body>
        <a href="main.html"><h1>생활코딩</h1></a>
        <h2>object</h2>
        <h5>객체는 수납해서 꺼내쓸수있다</h5>
        <br>
        <input id="night_day" type="button" value="night"
        onclick="nightDayHandler(this); ">

        </body>
        </html>
      • 돼지천재
        감사합니다.
      • 카페산
        파일 전체 내용을 공유해주셔야 디버깅이 가능할 것 같아요^^;;
        대화보기
        • 김귀인
          어렵네요 ㅋㅋ
        • 일단시작하고본다
          Body 객체부분의 코드를 보여주셔야 디버깅이 가능할 듯 합니다.
          대화보기
          • 답변
            var Body 부분에서 setBackgroundColor 을 변경해보니 저도 같은 에러가나네요 오타확인해보세요~

            var Body = {
            setColor: function(color) {document.querySelector('body').style.color = color;},
            setBackgroundColor: function(color) {document.querySelector('body').style.backgroundColor = color;}
            }
            대화보기
            • 안다
              강의 잘보고 있습니다. 다름이 아니라, 이 전까지는 잘 따라오고 있었는데요.
              var Body로 묶은 뒤에 실행해보았는데 아래처럼 에러가 납니다. (저 부분은 따로 손대지도 않았어요...)

              function nightDayHandler(self){
              var target = document.querySelector('body')
              if(self.value === 'night'){
              Body.setBackgroundColor('black'); --> 에러난 부분

              Uncaught TypeError: Body.setBackgroundColor is not a function
              at nightDayHandler (3.html:26)
              구글링해보니 setBackgroundColor 이름을 바꿔보라고 해서 해봤는데도 안되네요. 도움 부탁 드립니다.
            • 풀등
              감사합니다.^^
            • 몽고르스
              변경사항 소스를 그대로 복사해서 실행 해봤는데 작동이 안되요 그래서 영상 보면서 쳤는데 실행이 안되네요
              body 부분만 보입니다. 예제로 했던 전체적인 소스 올려주실 수 있나요?
            • var target = document.querySelector('body');
              은 없어도 되죠?
            • 고수로가는길
              여기까지 클리어
            • Inyeong Gim
              배열, ,함수, 객체 넘어오면서 스스로 한번 되새김질이 필요한 것 같네요. 감사합니다.
            • 감사합니다^^
              20180831
            • flyhoon
              감사합니다.
            • SungWoon
              잘봤습니다!!!
            • 로버트한
              감사합니다. ~~ 어렵지만 고고^^
            • 정리정돈 수단이라고 강의에 나와요^^
              대화보기
              • rainydaymusickr
                객체 메소드로 선언시 좋은점 여기 들어가도 보이네요. 저도 찾아봤는데^^
                https://www.phpschool.com......071
              • 소금돌
                함수로 존재하는걸.. 굳이 객체의 메소드로 만들어서 장점이 뭔가요?
              • 스페이스몽키
                이번강의도 감사합니다.!!
              • 이하빛
                var Links 와 var Body 로 코드를 묶은 시간!!

                코드가 엄청 줄어든건지 모르겠지만 정리정리한 시간이었습니다!

                : 요고의 등장!!
              • 옥슬이
                ??????????
              • jayxwoo
                강의 잘 들었습니다.^^
              • 키썬
                감사합니다.
              • noName
                2018-5-11 완료
              • 이성준
                이고잉님이 젤 좋아하는 숫자는 1억!!! 1억개!!!
              • 상상예찬
                김예찬 배재영
              • 라울
                감사합니다!
              • 제갈량
                객체 개념은 확실히 잡아야 겠네요.
                여기까지 잘 해내고 있습니다.
              • Mingi Son
                180214 강의 감사합니다!
              • JN87
                180211 감사합니다!
              • PassionOfStudy
                << 2018-01-20 - 3일차 _여섯 번째 강의 >> --> 오늘은 여기까지!
                (ㅠ_ㅠ 본래는 오늘 완강을 하려했지만 내일로 미룹니다.... 열정이 모자랐네요..ㅜㅜ
                하지만 끊을 놓지않고 내일도 이어 달려가겠습니다! )


                객체에 대해서 개념이 잡히게 되었습니다.
                이제 익숙해 질 시간만 남았네요 ^_^ 감사합니다.
              • Fiat
                감사합니다~
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기