TIL_220126

nevermind·2022년 1월 28일
0

TIL

목록 보기
18/27

인프런 JS 강의 ing..

1. 함수

function plus () { .. }
function plus 로 선언
() 매개변수(parameter,argument)
{...} 실행할 명령

*매개변수가 있는 함수

        function checkOdd(number){             
        if(number % 2){
            document.write(number + "는 홀수입니다.<br/>")
        }
        else{
            document.write(number + "는 짝수입니다.<br/>")
        }
    }
  	  	var number = prompt("숫자를 입력해주세요!");
    	checkOdd(number);  
        
        여기서 헷갈렸던 부분은 '%' 
        number % 2 나머지가 0이면 false이므로 else로 넘어가게 해야한다.
        나머지가 1이면 true
        

2.jQuery 메서드

-$("선택자").css(내용); : $로 호출한 곳의 css를 바꿔줌

$gigu.css({
      left: x,
      top: y,
    });

-$("선택자").eq("숫자"); :선택한 요소의 인덱스 번호에 해당하는 요소를 찾음

var $img = $images.eq(i);

3. css position

.image{
    position: relative;
}
.image img {
    position: absolute;
    left: 0;
    top : 0;
    width: 120px;
}

위치를 지정해주고 싶다면 부모요소의 position: relative가 되어야한다.

4. js 연습

  • 버튼 누를 때 display 보여주거나 끄기(보여주는 것은 block!)
    document.querySelector("#close").style.display = "none";
    document.querySelector("#open").style.display = "block";

5. 변수

  • 전역변수 : 프로그램 어디에서도 사용가능하며, 아울러 프로그램이 종료시에 사라짐
  • 지역변수 : 함수나 {}안에 선언되어 있으며 범위는 {}안에서만 허용이 되며, 또한 함수나 {}내용이 종료가 되면 사라짐
       var name = "global";   <-전역변수

        function func1(){
            var name = "local1";  <-지역변수
            document.write("name = " + name + "<br/>")
        }
         function func2(){
            name = "local2";  <-전역변수 
            document.write("name = " + name + "<br/>")
        }
        name  //global
        fun1() //local1
        fun2() //local2
        name //local2
profile
winwin

0개의 댓글