WEB2 - JavaScript

댓글

댓글 본문
  1. 콜라
    20201012완료
  2. 알파카파카
    2020/10/06
  3. chapter5447
    완료하였습니다
  4. 심심타파
    완료
  5. banaba
    9/5 오 저번 시간에 배운 객체화? 묶음에 텍스트 대신 함수식이 적용될 수 있군요!
  6. 허우룩
    2020.09.04
  7. 난지단지
    완료!
  8. 김요한
    2020.08.21 완료.
    복습이 필요함.
  9. JaanMun
    2020. 08. 18 완료
  10. 커넥티드 허트
    20200814 완료
  11. switpotato
    20200809 완료
  12. Jay1025
    2020.08.08 완료
  13. 장정민
    즐코즐코
  14. Jae Hwan Suh
    20.08.04 피니쉬
  15. choicode2020
    2020/7/31 완료
  16. dongmi95
    20.07.24 완료
  17. 완료!!
  18. 2020/07/10
  19. 뽀짝이
    완료
  20. rosydarling
    2020/07/09 완료
  21. 똑똑한_코딩
    20200708완료!!!!
  22. 김혜린
    6월 24일 완료!
  23. GLORIA
    완료!
  24. 김광현
    6/20완료
  25. psyless
    20200620
  26. Amousk
    좋은 강의 감사합니다.
  27. 개발신
    복습완료
  28. 지현
    200610
  29. psyless
    20200607
  30. HyeonHui Jeong
    6/2
  31. 김용재
    긋긋긋

    복습이 필요할것같습니다.
  32. 인찬휘
    객체까지완료!
  33. 코딩하는렌즈쟁이
    2020-05-27
    객체 활용
  34. HanLee
    쉽지 않았어요. 감사합니다.
  35. 이서연
    완료
  36. 호야
    완료
  37. green diseny
    5/10완료
  38. 완료
  39. 솔솔
    4/28 완료
  40. 코딩꿈나뮤
    생코로 코딩입문 9일차
    html
    css
    web2 자바스크립트
    유튜브 생코 자바스크립트 입문수업 (48/102) 카아---앗----!ㅇㅅㅇ!
    var target = document.querySelector('body');도 캇ㅇㅅㅇ

    <script>
    var Links = {
    setColor:function(color){
    var alist = document.querySelectorAll('a');
    for( i = 0 ; i < alist.length ; ++i){
    alist[i].style.color = color;
    }
    }
    }

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

    function nightDayHandler(self){
    if(self.value === 'night'){
    Body.setBackgroundColor('black');
    Body.setColor('white');
    self.value = 'day';
    Links.setColor('powderblue');
    } else {
    Body.setBackgroundColor('white');
    Body.setColor('black');
    self.value = 'night';
    Links.setColor('blue');
    }
    }
    </script>
  41. done
  42. 이희수
    정말 고맙습니다... 저는 아무리 봐도 못 찾았는데.. 감사합니다. 덕분에 해결했네요.
    정말 감사합니다~~~!!!
    대화보기
    • 하나해요
      완료!
    • 3rd-big
      희수님코드기준 30, 37번째줄 수정하면 되네요
      30번째줄
      희수님 코드: Body.setBackgoundColor('black');
      수정 코드 : Body.setBackgroundColor('black');

      r << 빼먹으심
      비주얼코드로 저도 공부중인데 함수 더블클릭했을때 바디객체쪽에 안나오는거 보고 찾았네요
      대화보기
      • 이희수
        예. 오늘 다시 켜봤지만 실행이 안 되네요... 도대체 뭐가 잘못된 건지 모르겠네요.. 문제가 뭘까요??
        대화보기
        • 아자요
          콘솔에 오류가 안뜨는데 실행이 안되나요??
          대화보기
          • 이희수
            <!DOCTYPE html>
            <html>
            <head>
            <title>WEB - JavaScript</title>
            <meta charset="utf-8">
            <script>
            var Links ={
            setColor: function (color){
            var alist = document.querySelectorAll('a');
            var i = 0;
            while(i < alist.length){
            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.setBackgoundColor('black');
            Body.setColor('white');
            self.value = 'day';

            Links.setColor('powderblue');

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

            Links.setColor('blue');
            }
            }

            </script>
            </head>
            <body>
            <h1><a href="index.html">WEB</a></h1>

            <input id="night_day" type="button" value="night" onclick="
            nightDayHandler(this);
            ">
            <ol>
            <li><a href="1.html">HTML</a></li>
            <li><a href="2.html">CSS</a></li>
            <li><a href="3.html">JavaScript</a></li>
            </ol>
            <h2>JavaScript</h2>
            <p>
            자바스크립트(영어: JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다.
            이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도
            접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이
            서버 사이드 네트워크 프로그래밍에도 사용되고 있다. 자바스크립트는 본래
            넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는
            모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로
            개발하였으며, 최종적으로 자바스크립트가 되었다. 자바스크립트가 썬 마이크로시스템즈의
            자바와 구문이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에
            바탕을 뒀기 때문이고, 자바와 자바스크립트는 직접적인 관련성이 없다. 이름과
            구문 외에는 자바보다 셀프나 스킴과 유사성이 많다.
            </p>


            </body>
            </html>

            이 부분을 다시 한번 들으면서 차근차근 해가고 있는데 오류 뜬 것도 없고 전에 했던 것과 비교를 해봤는데
            당최 뭐가 다른지도 모르겠고 완전 틀린그림찾기네요...
            도대체 뭐가 틀렸는지 봐주세요... ㅜㅜ
          • OneJae EE
            에고, 따뜻한 격려에 진심으로 감사드려요. 평화로운 주말 보내시길 바라고 thumbpark님과 thumbpark님 주변 분들 모두모두 건강하시길 바랍니다! 고맙습니다 :)
            대화보기
            • thumbpark
              죄송하긴요. 이렇게 함께 배우라고 공동공부 기능도 있고 댓글 기능도 있다고 생각합니다. 매수업 원재님 댓글 볼 때마다 기운 받아 저도 열심히 공부 중입니다. 좋은 주말 보내세요 :)
              대화보기
              • OneJae EE
                그렇군요~ 에고, 다른 분들께 혼란을 드린 것 같아 죄송하네요. 가르쳐 주셔서 감사드리고 앞으로도 잘못된 부분 있다면 지도 부탁드립니다! 고맙습니다 :)
                대화보기
                버전 관리
                egoing
                현재 버전
                선택 버전
                graphittie 자세히 보기