생활코딩

Coding Everybody

코스 전체목록

닫기

함수예고

댓글

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

    답변 감사합니다~
    대화보기
    • 아까그애
      <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>
        대화보기
        graphittie 자세히 보기