본문 바로가기

HTML+CSS+Javascript30

4. 조건문 원래 프로그램은 코딩된 코드를 왼쪽에서부터 오른쪽으로, 위에서 아래로 읽는다. 조건문은 특정한 조건을 걸어 조건에 따라 특정 코드를 건너뛰도록 하는 문법이다. 조건문은 크게 if문과 switch문으로 나뉜다. 1. if-else문 - if문 if만으로도 조건문을 만들 수 있다. var a=5; b=3; if(a>b){ document.writeln("a는 b보다 크다."); } 다음처럼 if만 있어도 만들 수 있다. 다만, if(조건문) 내의 조건이 거짓이라면 {} 내의 실행문은 실행되지 않는다. -if-else문 gender="남자"; if(gender=="남자"){ document.writeln("당신은 남자입니다."); }else{ document.writeln("당신은 여자입니다."); } 기존 .. 2020. 3. 11.
3. 연산 앞서 1장에서 자바스크립트는 HTML과 다르게 동적으로 연산이 가능한 언어라는 이야기를 했다. 이 연산을 가능하게 해주는 연산자를 알아본다. 1. 산술 연산 산술 연산은 우리가 흔히 아는 사칙 연산에서 하나를 추가한다. %기호로 정의되는데, 이는 나머지 값을 의미한다. 우리는 이 값으로 홀, 짝수나 배수를 판별할 때 자주 이용한다. ex) var x=32; var total=100+x*2/4-3; var div=x/10; var mod=x%2; document.writeln(x+" "); document.writeln(total+" "); document.writeln(div+" "); document.writeln(mod+" "); 값이 다음과 같이 출력된다. 두번째 값을 보면 알 수 있듯, 사칙연산의.. 2020. 3. 10.
2. 변수 -변수 자바스크립트는 HTML이나 CSS와 제일 크게 다른 점은 변수의 대소문자를 구분한다는 점이다. 변수명 선언 시, 이미 가지고 있는 단어(if, for....)를 사용할 수 없으며, 또한 문장의 끝은 항상 ;(세미콜론)을 입력해서 문장을 종료해주어야 한다. 자바스크립트는 다른 언어와 다르게(파이썬 빼고!) 변수의 타입을 따로 지정해 줄 필요 없이 var 변수명; 으로 변수를 지정한다. 또한 변수는 사용범위에 따라 전역변수와 지역변수로 나눌 수 있다. 지역 변수 : 선언한 함수 내에서만 사용할 수 있음 전역 변수 : 함수에 상관 없이 프로그램 전체에서 사용할 수 있음. 함수 밖에서 var로 선언할 경우, 이는 전역변수로서 활동하고, 함수 내에서 var로 선언할경우 이는 지역변수로 취급된다. 단 함수 .. 2020. 3. 10.
1. 자바스크립트 시작 자바스크립트는 정적인 HTML페이지에 동적인 상황을 제공해주는 언어이다. 자바스크립트는 사용자의 입력에 따른 계산 뿐만 아니라, 서버 통신에도 이용되며 브라우저의 제어, 나아가서 웹 애플리케이션 개발을 가능하게 한다. 자바스크립트는 세 가지 방법으로 작성할 수 있다. 1. HTML 태그에 이벤트 리스너 직접 작성 2. 클릭 다음 소스에서 alert 코드는 경고창을 띄우는 소스이다. 다음처럼 a에 이벤트 리스너를 적용해도 자바스크립트 코드가 실행된다. 자바 스크립트 코드는 HTML을 직접 삽입하여 출력할 수도 있다. 이를 가능케 해주는 코드가 document.write() 혹은 document.writeln()이다. (자바 스크립트는 자바 언어를 바탕으로 하기 때문에, 클래스, 변수, 메소드로 나뉜다. 자.. 2020. 3. 10.
반응형

티스토리툴바