본문 바로가기
항해99 웹개발 종합반/2주차코딩일지

[항해99]2주차 Javascript

by 또깽판 2021. 12. 21.

[2-1~2-2] javascript 복습 

예시 소스 (나홀로메모장)

* alert (알럿창) 이용방법 *

1. script 안에다가 변수 지정 후, alert 으로 원하는 문구 입력해주세요!

2. boby 부분에서 button 부분에서 "onelick" +"변수" 사용해주세요!

ex ) 
<script>

        function 변수명(){

        alert('원하는 안내문구 입력'} ;

  </spript>

 

<boby>

        <button onclick="변수명()" class="mybtn">주문하기</button>

</boby>

 

실제 사용한 코드 

hey 라는 변수명을 동일하게 기재하여서 버튼 클릭시 알럿창으로 주문 안내 진행 

<script>
    function hey() {
        alert('주문이 완료되었습니다!');
    }
</script>
<button onclick="hey()" class="mybtn">주문하기</button>

* 짝/홀수 onlick 함수 *

1. 한번 클릭하면 홀수 , 두번 클릭하면 짝수를 나타내기 위해서는 카운트가 되어야해!

ex)

<script>

        function 변수명(){

                 let 변수명2 = 1;

                 if (변수명2 % 2 == 0){

         alert('홀수입니다'} ;

        } else {
          alert('짝수입니다'} ;
        }

         변수 += 1; 

  </spript>

 

but, 함수 안에 있는 경우에는 축적이 되지 않으니! 꼭 함수 밖에다가 카운팅 하는 변수를 올려줘야해

카운팅 안되는 소스 ( 함수 안에 카운팅 되는 "변수명2" 있음) 정상적으로 카운팅 되는 소스 
<script>
        function 변수명(){
                 let 변수명2 = 1;
                 if (변수명2 %2 == 0){
         alert('원하는 안내문구 입력'} ;
        } else {
          alert('원하는 안내문구 입력'} ;
        }

         변수명2 += 1; 
  </spript>

  <script>
        let 변수명2 = 1;

        function 변수명(){
                 if (변수명2 %2 == 0){
         alert('원하는 안내문구 입력'} ;
        } else {
          alert('원하는 안내문구 입력'} ;
        }

         변수명2 += 1; 
  </spript>
 

* 위에 두가지 다 접한 코딩 소스*

<script>
	let count = 1;
    function hey(){
         if(count % 2 == 0){
             alert('짝수입니다')
         } else {
             alert('홀수입니다')
         }
          count += 1; 
    }
</script>

 

'항해99 웹개발 종합반 > 2주차코딩일지' 카테고리의 다른 글

[항해99] 2주차 JQuery  (0) 2021.12.21

댓글