3.22 자바스크립트1
html과 달리 java script는 동적이다. <headd> 안에 쓰도록 권장되지만 <body>안에 쓸 수도 있음.
document.writr();
는 한묶음으로 외울것.
alert("hello, world!"); 는 경고창
console.log(""); 는 개발자 도구 콘솔창에 표시되는 내용 . 디버깅할 때 사용함.
자바는 헤드에서 <script>안에 쓰거나 엘리먼트 안에 이벤트를 줘서 사용할 수 있음.
<input onclick="alert('나 경고창임')">
을 치면 input박스가 나오고 박스를 클릭하면 '경고창임'이라는 경고창이 뜸.
변수 설정에서 "="의 의미는 같다는 뜻이 아니까 입력값을 넣는다 라는 의미로 이해.
ingoo = 40; 라는 변수를 만들었을때,
console.log(ingoo) 라고 하면 40 이라는 수가 결과값에 뜸.
그냥 ingoo=40; 이랑 ingoo2='40'; 은 다른 의미. 전자는 값의 타입이 숫자인거고 후자는 변수 타입이 텍스트로 인식된것임. 그래서 두개를 더하라고 하면
console.log(ingoo+ingoo2)
40+'40'으로 인식해서 결과 값이 4040으로 나옴.
결론= 변수와 변수를 더할 수 있다. 변수 안에는 타입이 존재하는데 글자와 숫자가 있다. 각각 다른 타입의 변수도 더해서 나타내준다 예를 들어 40+세
조건문if
자바에서 '같다' 라는 의미의 기호는 ==로 표시함.
if(ingoo == 40 ) {
console.log('맞습니다.');
} else {
console.log('틀렸습니다.');
}
만약 ingoo가 40과 같다면 맞습니다 라고 나오고 아니라면 틀렸습니다 라고 나온다는 뜻.
반복문
변수에++를 붙여주면 현재 그 변수 값에서 +1씩 해준다는 뜻.
for(i=0; i<10; i++){console.log(i);}
i에 0을 대입해서 i<10 가 false가 될때까지 i++을 반복한다. 이 i를 콘솔에 표시한다.
비교문
ingoo2=10;
ingoo3=10;
console.log(ingoo2==ingoo3); /*이때 결과치는 true 로 나옴.*/
result = ingoo2 == ingoo3 /* 이럴때는 대입 연산자 ==를 먼저 결과내고 =로 대입시킴. result는 변수*/
console.log(result);
result = ingoo2<ingoo3;
console.log(result); /*false*로 나옴/
구구단 만들기
for(i=1; i<=9; i++){
console.log(2*i);}
<!-- 이때 콘솔 값은
2
4
6
8
10
12
14
16
18
이렇게 나옴-->
for(i=1; i<=9; i++){
console.log('2*'+i+'='+2*i);}
<!-- 이때 콘솔 값은
2*1=2
2*2=4
2*3=6
2*4=8
2*5=10
2*6=12
2*7=14
2*8=16
2*9=18
이렇게 나옴. 위 수식에서 +는 글자와 숫자를 이어주는 역할을 함-->