1. 함수

• 복잡해지는 프로그램에 질서부여
• 정리정돈의 기술 = 함수
• 연관된 부품들(데이터, 조건문, 배열 등)을 함수로 묶는다
• function function_name( ){ }

  =>function_name이라는 함수를 호출하면 {}안의 내용을 실행해 주세요!
  => function_name부분에는 함수 이름을 넣는다. 임의로 지정한 함수의 이름을 넣으면 된다. ex) function 함수

• function_name( );

  =>function_name이라는 함수를 호출해 주세요!

• 함수를 정의하고 -> 함수를 호출하고

2.입력값과 출력값

• 함수의 입력값

function a(아무거나){
document.write(아무거나+1);
}
a(5);

=>4line-a함수의 입력값은 5인데 호출해주세요=>1line-'아무거나'자리에 5가 들어감=>2line-'아무거나'는 5에요! 5+1 계산  ∴ 브라우저가 6을 출력함

• 함수의 출력값

function a(input){ return input+1;}
document.write(a(6));

=>input=6이다.
=>return을 만나면 함수는 종료가 되고 return 뒤의 값이 a함수의 반환값이 되서 a(6)=7이 되고 브라우저에는 7이 출력

3. 함수들

• ~~();는 함수의 형태
• prompt( );   =   prompt함수, 내장된(built in) 함수
• function function_name( ){ }  =  사용자 정의 함수
• write( );  =   write함수, 내장된 함수

  cf. document = 수많은 함수들중 비슷한 것들끼리 묶어주는 단위 = 객체
  document.write( );  =  document객체에 소속된 write 함수

4. JS 실습

• javascript (head태그 안에 script태그 안에 씀)

• alert("내용"); => 경고창 띄우기

• onclick="alert('내용')" => 이벤트 프로그램, 클릭하면 경고창 띄우기,

• onclick, onfocus, onblur
  =>이벤트성 속성으로 javascript코드를 취한다.

• CSS = HTML을 디자인

• JAVASCRIPT = HTML을 제어

• JAVASCRIPT도 CSS처럼 외부파일로 빼서 적용시킬주 있다. 중복방지 손쉬운 변경가능

😅 버튼 2개로 흑,백 배경 바꾸는 것도 해보고, 텍스트 입력값을 경고창 내용으로 바꾸기도 해보았다. 자바스크립트는 HTML을 바꾸고 제어하는 만큼 영상보고 따라하기도 바빴다. 자주 해봐서 익숙해져야 할 것 같다. 따라하다가 태그나 명령어가 길어지면서 오타, 작은점, 따옴표, 닫힘표시 같은 걸 빼먹어서 당황할 때가 많았다. 항상 꼼꼼히 확인하는 것이 중요한 것 같다.