javascript 문법
[ 코딩표준안 ]
1. 언어는 항상 코딩표준안이 존재함.
2. 들여쓰기(탭 -4칸)
3. 문장의 끝에 ;추가
4. 규칙에 맞는 식별자를 작성
- 식별자는 사용자가 정의하는 이름(변수명, 함수명, 상수명, 클래스명....), 영문자로 시작(_, $ 사용 가능하지만 지양),
- 공백을 주지 않고 두 개 이상의 단어가 결합하는 경우 _으로 연결하거나 두 번째 단어의 첫 글자를 대문자로 변명하여 사용
- 예약어(키워드)는 식별자로 사용할 수 없다 (예약어 : 미리 등록된 단어)
[주석문]
: 실행되지 않는 문장 (코드에 대한 설명, 특이사항..)
//
/* */
[변수]
: 변하는 값
프로그램을 실행할 때 발생하는 값을 임시로 저장할 수 있는 메모리상의 공간
변수명 = 값; (변수에 저장할 값)
or
var 변수명 = 값; (var -> 변수를 선언하겠습니다)
or
var 변수명
[연산자]
1. 산술연산자
: +, -, *, /, %, ++,
----
ㄴ> 앞에 붙으면 전위연산자, 뒤에 붙으면 후위연산자
2. 대입연산자
: =, +=, -=, *=, /=
3. 비교연산자
: 두 값을 비교해서 true or false를 출력
== : 같으면 true(다르면 false). 타입을 비교하지 않고 값만 같으면 true
=== : 같으면 true. 타입을 비교
!= : (값이)다르면 true, 같으면 false
!== : !=과 동일하나 타입을 비교한다.
>
>-
<
<=
4. 논리연산자
or : ||
and : &&
not : !
[제어문] => 모든 제어구문은 중첩이 가능하다.
1. 조건제어문
조건에 따라 실행할 문장을 선택
if
ielse
switch
2. 반복제어문
: for, while, do ~ while
< 리뷰 >
1. 출생년도 입력받아 나이 계산하는 작업.
age = prompt("출생년도를 입력하세요.");
result = 2022 - age;
alert("당신의 나이는 " + age + "입니다.")2.
result = 10/3;
document.write(result);- 결과 : 3.3333333333333335
- 소수점을 버리고 싶다면 Math.floor 사용
3. 중첩 if문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
gender = prompt("성별을 입력하세요.");
if (gender<=0 || gender>4) {
alert("다시 입력하세요.")
} else {
age = prompt("나이를 입력하세요");
if (age >= 20) {
if (gender == 2 || gender == 4)
{
document.write("성별 : " + gender + "<br/>" + "나이 : " + age + "<br/>" + "성인여자")
} else {
document.write("성별 : " + gender + "<br/>" + "나이 : " + age + "<br/>" + "성인남자")
}
} else {
if (gender == 2 || gender == 4)
{
document.write("성별 : " + gender + "<br/>" + "나이 : " + age + "<br/>" + "청소년여자")
} else {
document.write("성별 : " + gender + "<br/>" + "나이 : " + age + "<br/>" + "청소년남자")
}
}
}
</script>
</body>
</html>4. true 값이 나왔을 때 이미지를 출력하고 싶다면
document.write("<img src='/clientweb/images/test/catt.jpg'/>");'HTML, CSS, JS' 카테고리의 다른 글
| 2022-09-28 javascropt 함수, 객체 (0) | 2022.09.29 |
|---|---|
| 2022-09-27 switch,다중if, for-if, 다중for (0) | 2022.09.28 |
| html,css_박스모델 실습과제 layout_main.html 리뷰 (0) | 2022.09.24 |
| 2022-09-23 javascript 사용방법, 함수정의 (0) | 2022.09.24 |
| 2022-09-22 CSS우선순위, 속성 (0) | 2022.09.22 |
댓글