WEB2 - JavaScript

함수의 활용

소스코드

변경사항

댓글

댓글 본문
  1. yogg
    모르겠지만 계속 나아갑니다!!!!
  2. 감사합니다
  3. 요모
    2021-03-29
  4. 단디
    완료
  5. 뚜따띠또따
    21.03.24 완료!
  6. 봉가리봉봉
    감사합니다
  7. gkalsdlf
    사용자 지정 함수가 왜 중요하단 건지 알았읍니다...감사합니다 갓고잉
  8. gkalsdlf
    완료!
  9. rose_lex
    오류인지 뭔지 모르겠지만 저는 this랑 self를 따로 쓰거나 바꿔주지 않아도 적용이 되네요 뭘까요....
  10. 2021.03.05 완료
  11. 진돌
    2021.02.26 완료!
  12. Yohanesty
    완료
  13. goodluck
    나이스한 정리 감사합니다
    대화보기
    • 서준
      완료~
    • 모르겠는거 정상이죠? 완료~
    • function 함수명(){}: 함수정의
      함수명();: 함수활용
      self: 함수에서 this는 전역변수(브라우저의 경우 윈도우)를 가르키기에 매개변수로 self(임의의 이름)를 사용
      this: 자신이 속한 태그를 가르킴
    • 완료
    • 코딩맨
      20210127
    • 임찬혁
      완료
    • hanel_
      21.1.25
    • 푸른벚꽃
      21.1.25
    • chimhyangmoo
      21.01.24
    • pyerin
      21.01.18
    • 몰댕
      21.01.15
    • 걸어가는신사
      2021.01.14
    • younghwani
      완료!
    • 이현수
      2021.01.11(월)
    • jeisyoon
      감사합니다.
    • Johnny Q Ahn
      점점 더 모르겠지만 직진~~!
    • 서울사이버대학을다니고
      <!doctype html>
      <html>

      <head>
      <script>
      function nightDayHandler(self){
      var target = document.querySelector('body');
      if(self.value === 'night'){
      target.style.backgroundColor = 'black';
      target.style.color = 'white';
      self.value = 'day';

      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
      alist[i].style.color = 'powderblue';
      i = i + 1;
      }
      } else {
      target.style.backgroundColor = 'white';
      target.style.color = 'black';
      self.value = 'night';

      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
      alist[i].style.color = 'blue';
      i = i + 1;
      }
      }
      }
      </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 (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and provide online programs, including video games. The majority of websites employ it, and all modern web browsers support it without the need for plug-ins by means of a built-in JavaScript engine. Each of the many JavaScript engines represent a different implementation of JavaScript, all based on the ECMAScript specification, with some engines not supporting the spec fully, and with many engines supporting additional features beyond ECMA.
      </p>
      </body>
      </html>
    • 박병진
      2020.01.01 완료
    • 샴파뉴
      2020.12.28
    • 지두두
      2020/12/28 완료
    • 박병진
      2020.12.26 복습 완료
    • 생활둘기
      2020 12 19
    • 조성호
      2020.12.17 완료
    • 그릿맨
      201214done!
    • 둘기
      20.12.12 완료
    • 201210
    • 20201201
    • kkn1125
      20.11.25 완~료!
    • 푸쿠하
      '20.11.24 완료
    • 윤지
      2020-11-19 완료
    • 멋재이
      완료
    • Dominic
      thirteen(13) November 2020
    • 바부대지
      2020.11.02 함수를 활용한 리팩토링
    • 2020.11.02.MON.
    • 제예솔
      뿌듯뿌듯~
    • 웹짱
      2020.10.23 함수가 1억개 해결방안
    • 문성석
      2020.10.21 완료
    graphittie 자세히 보기