WEB2 - JavaScript

함수예고

댓글

댓글 본문
  1. 감자
    22.11.28 복습 다시 시작!
  2. 박진병
    22.11.21
  3. 코딩왕초보
    2022.10.30 복습
  4. 코딩드림
    221023
  5. 엠제이
    10192022
  6. 보통사람 박코딩
    할수있다
  7. 221018
  8. 코딩왕초보
    2022.10.12
  9. 서우
    221011
  10. 김세나
    221003
  11. 한승욱
    220930
  12. 정하늘
    220924
  13. OKKZZI
    22/9/22
  14. 당당
    2022.09.18
  15. 22.09.01
  16. 뿔고래
    프로그래밍에 나오는 거의 대부분의 문법과 기능들은 중복되는 코드를 줄이기 위해서 만들어진 것 같다는 생각이 든다.
  17. 헤밍웨이
    220810 함수의 시작
  18. robert
    2022.08.02
  19. 코드만다
    22.07.27
  20. 220724_
  21. 진진리
    0713
  22. 220709 완료 6PM
  23. ichenny
    2022.07.03
  24. toonfac
    220703 오후 7시 50분 완료
  25. 양빵
    220616
  26. onehae
    220615
  27. 탕탕
    220608
  28. 진진리
    22.05.24
  29. 220519
  30. 울랄라
    220519
  31. 220409
  32. 이윤
    220405
  33. DH니스
    2022.04.05
  34. 너구리기린
    2022.03.31
  35. 지구
    2022.03.15
  36. new 개발자
    20220315
  37. 2022.02.24 완료
  38. 드림보이
    2022.02.17. WEB2 - JavaScript - 함수예고 파트 수강완료
  39. 무접점키보드
    2022.02.13
    function이라는 수납상자
  40. aristia
    2022.02.04
  41. 20220127
  42. 열정jk
    220122 감사합니다
  43. Aymon21
    감사합니다~
  44. 키보드철사장
    진짜 그런 것 같네요~

    답변 감사합니다~
    대화보기
    • 아까그애
      <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 태그를
          통째로 함수안에 넣어봤는데
          버튼자체가 구현이 안되네요

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

          알고계신 분이 계시다면
          소중한 지식 공유해주시면 정말 감사하겠습니다~
        • 보라곰아
          처음에는 얼마나 이해하고 구현할 수 있냐보다
          그냥 책 권수를 늘리고 강의 갯수를 더 늘리는 즉, 그냥 양으로 때려박는게 제일 낫다는 생각이 드네요 요즘엔 ㅎㅎ
          이해안되면 넘어가도 됩니다. 지식이라는게 선형으로 학습되는게 아니라 거미줄처럼 학습되거든요
          화이팅
          대화보기
          graphittie 자세히 보기