WEB2 - JavaScript

함수의 활용

소스코드

변경사항

댓글

댓글 본문
  1. pyerin
    21.01.18
  2. 몰댕
    21.01.15
  3. 걸어가는신사
    2021.01.14
  4. younghwani
    완료!
  5. 이현수
    2021.01.11(월)
  6. jeisyoon
    감사합니다.
  7. Johnny Q Ahn
    점점 더 모르겠지만 직진~~!
  8. 서울사이버대학을다니고
    <!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>
  9. 박병진
    2020.01.01 완료
  10. 샴파뉴
    2020.12.28
  11. 지두두
    2020/12/28 완료
  12. 박병진
    2020.12.26 복습 완료
  13. 생활둘기
    2020 12 19
  14. 조성호
    2020.12.17 완료
  15. 그릿맨
    201214done!
  16. 둘기
    20.12.12 완료
  17. 201210
  18. 20201201
  19. kkn1125
    20.11.25 완~료!
  20. 푸쿠하
    '20.11.24 완료
  21. 윤지
    2020-11-19 완료
  22. 멋재이
    완료
  23. Dominic
    thirteen(13) November 2020
  24. 바부대지
    2020.11.02 함수를 활용한 리팩토링
  25. 2020.11.02.MON.
  26. 제예솔
    뿌듯뿌듯~
  27. 웹짱
    2020.10.23 함수가 1억개 해결방안
  28. 문성석
    2020.10.21 완료
  29. 콜라
    20201012 완료
  30. 송홍빈
    처음에 클릭했는데 아무변화가 생기지 않고 두번째 클릭때 변화가 생기는 이유가 궁급합니다!
  31. 알파카파카
    2020/10/03
  32. 924,,
  33. chapter5447
    완료하였습니다
  34. H-mechanic
    20.09.08
  35. 허우룩
    2020.09.04
  36. banaba
    9/4 완료!
    <body>에서 중복되는 코드는 <head>로 보낸다.
    다만, <head>에서는 (self), <body>에서는 (this)
  37. 난지단지
    완료!
  38. developer
    javascript 함수에는 named , anonymous, nested , iife 가 있고 강의에는 named 함수가 소개되었습니다.
  39. 김요한
    2020.08.20 완료.
    그러나 복습이 필요함.
  40. JaanMun
    2020. 08. 18 완료
  41. Jay1025
    2020.08.06 완료
  42. 장정민
    즐코즐코
  43. Jae Hwan Suh
    20.08.03 피니쉬
  44. switpotato
    2020802완료
  45. dongmi95
    20.07.22완료
  46. 완료!
  47. 뽀짝이
    완료
  48. rosydarling
    202/07/09 완료
  49. 2020/07/09 완료
  50. 김혜린
    6월 24일 완료!
graphittie 자세히 보기