1) 선언적 함수 //선업적 함수 //함수 선언 위데서 실행해도 실행됨 함수명(); //함수 정의 function 함수명(){ //실행되는 내용 console.log("함수명 함수가 실행되었습니다."); } //밑에서도 함수 실행됨 함수명(); 위와 같이 함수를 선언해두면 실행하기 선언한 함수 위치의 위에서 실행해도 실행이 가능하고 아래에서도 실행이 가능하다. //함수의 결과를 변수에 담아 실행 가능하다. function 함수명2(){ return "함수를 변수에 담아서 실행할 수 있구만!"; } var text = 함수명2(); document.write(text); 위와 같이 함수의 실행 결과를 return으로 반환해줄 수 있고 그 결과를 변수에 담아서 활용할 수 있다. 2) 익명 함수 //익명 함수..

자바스크립트 입출력을 할때 사용하는 명령어가 있다. 1) prompt("prompt제목" ,"입력할 내용") var promptTest = prompt("제목이닷", "내용입력해라"); document.write(promptTest); 확인을 누르면 prompt 창으로 입력받은 내용을 변수로 받아서 document.write을 통해 출력된다. document.write은 ()안에 입력한 내용이 화면에 나타난다. 입력한 내용에 html 태그를 같이 넣어두면 태그가 적용되어서 출력된다. document.write("document.write으로 입력한 내용이닷");

보호되어 있는 글입니다.

,,태그 - 여러 옵션 중에서 선택하도록 하고 싶을 때 드롭다운 목록을 사용한다. 클릭했을 때 옵션들이 요소 아래쪽으로 펼쳐지는 목록이다. - 태그 안에 태그를 넣고 각 태그의 value 속성을 이용해 서버로 넘겨주는 값을 지정한다. - 태그의 속성은 size와 multiple 속성이 있다. - size는 드롭다운 메뉴의 항목 개수를 지정한다. 3이면 3개 4이면 4개 이렇게 드롭다운 메뉴가 나오는데 크롬 브라우저의 경우 size 속성에 지정한 값보다 하나 더 많은 옵션을 표시한다. 예를들어 6은 7개 9는 10개이다. - multiple 속성은 드롭다운 메뉴에서 Ctrl키를 누른 상태에서 여러개의 옵션을 선택할 수 있다. - 태그의 속성은 value와 selected 가 있다. - 태그의 value는 ..

autofocus 속성 - 페이지를 열자마자 autofocus 속성이 있는 요소에 마우스 커서를 표시한다. - 전에는 자바스크립트로 구현해야 했다면 HTML5부터 autofocus 속성을 이용해 구현할 수 있다. placeholder 속성 - 텍스트를 입력할 때 무슨 내용을 입력하는지 도움 받을 수 있도록 힌트를 표시한다. 필드를 클릭하면 내용이 사라진다. readonly 속성 - 사용자는 내용을 수정하거나 입력하지 못하고 읽을수만 있게 한다. required 속성 - submit 버튼을 클릭하면 required 가 있으면 필수요소로 내용이 채워져 있어야 한다. 내용이 비어있으면 전송이 안된다. min,max,step 속성 - input 태그의 type이 date, datetime, datetime-lo..

태그 - input 태그의 type이 같은 태그들이 여러개 있다. 예를들어 input type="text"인 태그가 여러개 있는데 각 input 태그를 구별하기 위해서 id 속성을 이용할 수 있다. id 속성을 이용해서 구별 뿐만 아니라 label태그를 이용해 캡션을 붙일 수도 있고 원하는 CSS도 적용할 수 있다. 라벨1 라벨2 라벨3 HTML 삽입 미리보기할 수 없는 소스 - input 태그에는 type을 뭐로 해주냐에 따라서 다양하게 정보들을 입력할 수 있다. type 속성의 각 값에 따른 설명을 보자 유형 설명 hidden 사용자에게는 화면에 보이지 않는 정보지만 서버로 데이터가 넘어간다. text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자이다. search 검색 상자를 넣는다. text와 ..