WEB2 - JavaScript

함수예고

댓글

댓글 본문
  1. 진진리
    22.05.24
  2. 220519
  3. 울랄라
    220519
  4. 220409
  5. 이윤
    220405
  6. DH니스
    2022.04.05
  7. 너구리기린
    2022.03.31
  8. 지구
    2022.03.15
  9. new 개발자
    20220315
  10. 2022.02.24 완료
  11. 드림보이
    2022.02.17. WEB2 - JavaScript - 함수예고 파트 수강완료
  12. 무접점키보드
    2022.02.13
    function이라는 수납상자
  13. aristia
    2022.02.04
  14. 20220127
  15. 열정jk
    220122 감사합니다
  16. Aymon21
    감사합니다~
  17. 키보드철사장
    진짜 그런 것 같네요~

    답변 감사합니다~
    대화보기
    • 아까그애
      <input type="button" value="night" onclick="">
      위에 부분은 HTML에서만 사용할 수 있으며 <script> 내부에서는 JavaScript만 인식하여 안되는거라고 생각합니다.

      function nightToggle(self){


      var target=document.querySelector('body');

      if(self.value === 'night'){
      target.style.backgroundColor = 'black';
      target.style.color = 'white';
      self.value = 'day';
      } else {
      target.style.backgroundColor = 'white';
      target.style.color = 'black';
      self.value = 'night';
      }
      }
      <input type="button" value="night" onclick="nightToggle(self)">
      대화보기
      • 아까그애
        2022-01-21 완료
      • 키보드철사장
        맛없는 콩두유님 답변 감사합니다~


        그런데 요렇게는 왜 안되는 걸까요?

        <script>

        function NightToggle(self){
        <input type="button" value="night" onclick="

        var target=document.querySelector('body');

        if(self.value === 'night'){
        target.style.backgroundColor = 'black';
        target.style.color = 'white';
        self.value = 'day';
        } else {
        target.style.backgroundColor = 'white';
        target.style.color = 'black';
        self.value = 'night';
        }
        ">
        }

        </script>
      • 맛없는콩두유
        <!DOCTYPE html>
        <html lang="en" dir="ltr">
        <head>
        <meta charset="utf-8">
        <title>WEB1 - JavaScript</title>
        <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 = 'red';
        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 type="button" value="night" onclick="
        nightDayHandler(this);
        ">
        <input 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>
        <h2>JavaScript</h2>
        <p>JavaScript is very good. I'm sorry.
        </p>
        </body>
        </html>
        대화보기
        • 키보드철사장
          input 태그를
          통째로 함수안에 넣어봤는데
          버튼자체가 구현이 안되네요

          왜 안되는 걸까요...ㅡㅜ

          알고계신 분이 계시다면
          소중한 지식 공유해주시면 정말 감사하겠습니다~
        • 보라곰아
          처음에는 얼마나 이해하고 구현할 수 있냐보다
          그냥 책 권수를 늘리고 강의 갯수를 더 늘리는 즉, 그냥 양으로 때려박는게 제일 낫다는 생각이 드네요 요즘엔 ㅎㅎ
          이해안되면 넘어가도 됩니다. 지식이라는게 선형으로 학습되는게 아니라 거미줄처럼 학습되거든요
          화이팅
          대화보기
          • 바쁜 비버
            안녕하세요. 저도 초보이지만, 조금이나마 도움이 될까 해서 답글드립니다.
            강의를 한번 듣고 직접 타이핑하며 따라해보면 어느정도 숙지가 됩니다.
            이렇게 며칠에 나누어 강의를 전부 듣습니다.
            한 코스의 모든 강의를 들었다면, egoing님이 말씀하신대로 써먹어봅니다.
            저는 지금까지 공부한 내용들을 모두 활용해서, 제가 만들고 싶은 웹페이지를 만듭니다.
            이 웹페이지가 완전하게 작동하고 문법에 오류도 없는 걸 확인하면 다음 코스로 넘어갑니다.

            저는 이러니까 html과 css는 많이 익숙해졌습니다. 확실히 직접 만들면서 복습해보는게 좋은 것 같습니다.
            코딩 야학(https://yah.ac......ipt)을 활용하여 그날 배운 내용들을 간단히 정리해보면 더 좋을 것 같습니다.
            즐공하시길 바랍니다!
            대화보기
            • 내리
              여러분 이 댓글을 보시면 댓글 한번만 달아서 알려주시면 감사하겠습니다
              공부 방법좀 공유 하고 싶어서요 그냥 이걸 달달달 외우면 되는건지 아니면 다른 공부법이 있는지 궁금합니다
            • 이거왤케어려워
              220103 완료 감사합니다.
            • 소설가
              2021-12-20 완료
              고맙습니다.
            • 완료
            • 롤링
              오후 2:38 2021-12-14
            • 민택기
              21.12.5 완료
            • survive
              21.11.23
            • 개발맨
              완료
            • ddggmm
              21-11-4
            • 21- 10-31. 2타.
            • 21-10-28. 1타.
            • 해피랜저
              21.10.20 감사!
            • 이가은
              21년 10월 19일
            • navywood
              도입 설명 너무 좋네요~
            • 야옹아왈해봐
              211007
            • inventorh
              2021.09.28
            • 김관호
              2021.09.25.
            • hwangwonjoon
              2021.08.13 수강완료
            • 승뇽뇽
              오... 많이 왔다
            • 아자가자
              210727 성공
            • 고영히
              0727 완료
            • labis98
              20210718 completed!!!
            • 도햐
              왜 저 ID 는 안 지우신 건지 궁금한데 다음 영상을 보면 나오겠죠?!!
            • 로렌체
              2021,07,10
            • 정용헌
              20210709
            • 윤동욱
              2178
            graphittie 자세히 보기