스퐁지송 개발노트

자바스크립트 시작( alert와 consol와 confirm , let과 cosnt ) 본문

JAVA_Script

자바스크립트 시작( alert와 consol와 confirm , let과 cosnt )

강준석 2022. 12. 22. 23:10
728x90

html + css + js(javaScript)

html과 css 만사용시 멈춰있는 상태라 볼 수 있다

자바스크립트는 이를 작동될 수 있게 만들어 주는 프로그래밍 언어이다.

java Script를 시작하기전 미리 만들어둔 html 파일 body부분에 연결시킬 js파일 경로를 script 해준다

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="연결시킬 js파일 경로"></script>
</body>
</html>

alert와 consol 와 confirm 

alert : 브라우저 실행시 모달창으로 값을 띄어준다

console : 브라우저 개발자모드(f12)에 console 창에 값을 띄어준다

confirm : 모달창에 확인/취소 버튼 누를시 true/false가 출력

alert('hello js');

console.log('hello');

let a = confirm('취소나 확인');
alert(a);

 

alert 결과 창
console 결과 창

확인 누르면 true가 나옴 

취소 누르면 false가 나옴

confirm

 

자바스크립트식 상수,변수 선언하기

변수 설정시 숫자로 시작이 안됨 

특수문자는 _ 와 & 정도만 쓸 수 있음.

1. 상수 선언하기

 

기존의 자바와는 다르게 "let" 을 사용

ex) let 변수명 = "helloJs";

(대체적으로 두번째 단어의 첫글자는 대문자로)

 

' ' (작은 따움표)와 " "(큰 따움표)  둘다 입맛대로 사용해주면 된다.

 

let a = "hi";
let b = 25;
let c = 'abcd';
=====한번에 선언하기=====
let d = 'hi';
    e = 25;
    f = 'ABCD';

2. 변수 선언하기

cosnt 상수명 ;

(대체적으로 상수명은 대문자로 입력)

 

예시)

const COLOR_RED = '#f600';
const COLOR_BLUE = '#f1';

let color = COLOR_BLUE;


//네비부분 색
console.log(color);

//컨테이너 색
console.log(color);

//footer 색
console.log(color);

 

3. 자료형(동적)

자료형(동적)

 

숫자

let n= 12345;
n=12.34;

console.log(3/0);
//기존 자바에선 3에서 0으로 나눈다하면 오류지만
//js에선 console창에 infinity로  출력

console.log('abc'/3);
//문자를 숫자로 나눈다해도 오류가아닌
//NoN으로 출력

 

문자

let str = 'hi';  (작은따움표)
let str2 = 'hello'; (큰따움표)
let str3 = `hihi`  (빽키)

let str4 = str2 + "abc" + str;
//이렇게 해서 str4를 출력시
// helloabchi로 다 붙어서 출력

let str5 = `aaa ${str2}`(빽키사용)
//이런식으로 사용시 빽키활용

console.log(str + 'js');
console.log(`${str} js`);
//둘다 같은 의미 

console.log(`${1+2} js`);
//1+2와같은 계산식도 계산되어 출력
728x90
저작자표시 (새창열림)

'JAVA_Script' 카테고리의 다른 글

자바스크립트 (클래스 추가,삭제로 메뉴바,모달,tap메뉴 만들기)  (0) 2022.12.27
자바스크립트(간단한 다크모드만들기)  (0) 2022.12.27
자바스크립트(태그 추가,삭제 활용하여 card만들고 장바구니기능추가)  (0) 2022.12.27
자바스크립트(메서드,복사하기.document)  (2) 2022.12.23
자바스크립트 (boolean,형변환,연산자)  (0) 2022.12.22
'JAVA_Script' Related Articles more
Comments