Developer Gonie

* html 태그로 버튼을 만들고 여기에 onClick 속성으로 만든 함수및 매개변수를 설정해두면 해당 버튼이 클릭시 만들어둔 함수가 호출되게 할 수 있다. 버튼에 호출될 함수를 붙인 예시

* while, do-while 문의 문법은 java와 다를게 없으니 동일하게 작성하면 된다. while문 예시 do-while문 예시

* 일반 for문의 문법은 java와 다를게 없으며 이중 for 문도 동일하게 작성하면 된다. 일반 for 문 사용예시1 이중 for 문 사용예시

삼항연산자 answer = result ? A : B; // A : true인 경우 반환할 값, B : false인 경우 반환할 값 사용예시

switch-case문 * switch-case 문을 작성하는 방법은 java와 동일하다. 단, java와 javascript 둘다 case 뒤에 >, < 가 들어간 조건문을 넣을 수 없고, 값만 넣을 수 있다. 조건문을 넣으면 default 문만 작동되는 문제를 볼 수 있을 것이다. switch(값){ case 값1: 실행문; break; case 값2: 실행문; break; default: 실행문; } 사용예시 var resultBySwitch; switch(parseInt(avg/10)){ case 9: resultBySwitch = "A"; break; case 8: resultBySwitch = "B"; break; default: resultBySwitch = "C"; } var favorit..

다양한 input의 타입 버튼 submit 버튼 - 요소 내부에 존재한다면 form 속성 중 action으로 지정한 곳으로 이동하는 기능을 가짐 텍스트 입력칸 비밀번호 입력칸 - 입력한 값이 검은 동그라미로 보여짐 이메일 입력칸 - if(입력한거.indexOf('@') != -1) { return false } 와 같은 입력값 검증을 알아서 해줌 체크박스 - 같은 name을 가진 체크박스들이 존재할때 여러개 선택 가능 - 선택된 요소에는 자동으로 checked="checked" 속성이 붙게된다.(헷갈리는게 요소는 선택될 시 selected 속성) 소녀시대 방탄소년단 박재범 레드벨벳 라디오버튼 - 같은 name을 가진 라디오 버튼들이 존재할때 그 중에서 최대 1개만 선택됨 - 선택된 요소에는 자동으로 ch..

if-else문 * if, else 문을 작성하는 방법은 java와 동일하다. if(조건){ 실행문 }else if(조건){ 실행문 }else{ 실행문 } 사용예시

확인 취소 버튼이 있는 창을 띄우는 함수 1) 확인 클릭시 : undefined, 보통 반환값을 이용할 목적이 아닌 경고창만을 띄우기 위한 목적으로 사용됨 alert("창에 띄울 메시지"); 사용예시

확인 취소 버튼이 있는 창을 띄우는 함수 1) 확인 클릭시 : true 2) 취소 클릭스 : false 변수 = confirm("창에 띄울 메시지"); * 이를 삼항연산자로 다룬 게시글을 보고싶다면 바로 아래 링크를 가서 확인해보자. https://ldgeao99-developer.tistory.com/321?category=1083001 사용예시

사용자입력을 받는 창을 띄우는 함수 1) 아무것도 입력하지 않고 확인을 누른경우 : null이 아닌 길이가 0인 string 타입의 문자열(""으로 감싸진게 반환됨) 2) 무언가를 입력하고 확인을 누른경우 : null이 아닌 string 타입의 문자열(" "으로 감싸진게 반환됨) 3) 취소버튼을 누른 경우 : null 변수 = prompt("프롬프트 상에 띄울 메시지", "디폴트값 지정"); * 이를 if문으로 다룬 게시글을 보고싶다면 바로 아래 링크를 가서 확인해보자. https://ldgeao99-developer.tistory.com/318 사용예시

화면에 출력하는 함수 java의 System.out.print()와 비슷한 기능을 하는 함수로 html에서는 화면 영역을 document라고 부르는데 여기에 출력하는 함수이다. * 이 함수를 이용해 html의 태그를 출력하면 html을 직접 작성한 것과 같은 효과를 가진다. 단순 문자열을 브라우저에 출력하는 것도 가능하다. * 또한, java에서는 System.out.print()의 인자로 문자열을 연결하는 '+' 연산자를 사용할 땐 모두 같은 문자열 타입이어야만 했는데 javascript에서는 서로 다른 타입이어도 연결이 가능하다. '문자열 + 문자열', 혹은 '문자열 + 숫자'의 경우 문자열을 연결하며, '숫자 + 숫자'의 경우 덧셈연산을 수행한다. document.write(); 단순 문자열을 출력..

* 자바스크립트 언어에서는 변수 선언시 타입을 붙여줄 필요가 없다. 값을 할당할 때 변수의 데이터 타입이 알아서 지정되기 때문이다. 변수 선언방법1 * 값을 초기화 하는 것 없이 변수만 선언해주려면 variable의 줄임말인 'var' 을 꼭 붙여줘야 한다. var a,b,c; 변수 선언방법2(선언과 동시에 초기화) * 자바스크립트에서 변수 선언시, 변수의 타입은 자동으로 지정되니 타입은 적어주지 않아도 된다. 또한, 값을 초기화 하면서 선언하는 아래와 같은 경우 var 키워드를 생략해도 된다. //변수의 타입을 지정해 주지 않고도 변수 생성 가능 a = 10; b = 0.123; c = "banana"; //아래와 같이도 가능 var a = 10; var b = 0.123; var c = "banana..