YunDev

JavaScript - 알아보기 본문

Programming/JavaScript

JavaScript - 알아보기

S준 2020. 3. 11. 22:29

 

웹페이지 안에서 html은 디자인, JavaScript는 동작, 기술을 담당한다고 할 수 있습니다.

파일.js를 만들어서 해도 되지만 html파일에서 <script>태그로 할 수 있습니다.

(저는 eclipse를 사용하지만 Atom이 조금 더 편하긴 해요.)

 

 

 

 

1.출력하기

자바의 System.out.println처럼 출력을 할때는 document.write()를 사용합니다. 물론 끝에 ;표시를 해주셔야합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>처음하는 자바스크립트</title>
</head>
<body>

<script>
document.write("안녕하세요!");
</script>

</body>
</html>

 

 

실행 결과

 

 

 

2.변수 선언

 

보통 변수에는 데이터나 값을 담습니다. 변수 선언은 var로 하는데 자바에서는 변수 형태를 따로 지정하지만

자바스크립트에서는 필요 없습니다. var가 대부분의 변수 형태를 쓸 수 있기 때문이죠.

예를 들면 문자열 String, 정수형 int, 소수형 double 같은 경우죠.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 변수</title>
</head>
<body>
<script>

	var a = 3;
	var b = 3.5;
	var str = "문자열 형태도 가능하다.";
	
	document.write(a + b, "<br>");
	document.write(str);


</script>
</body>
</html>

 

 

html에서 <br>태그는 줄바꿈 입니다.

 

 

 

 

 

3.응용 코드

출력, 변수 선언도 알아보았으니 둘을 응용한 프로그램을 만들어보겠습니다!

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 변수</title>
</head>
<body>
<script>

	var height = 175;
	var weight = 70;
	
	var normal_w = (height - 100) * 0.9;
	document.write("당신의 체중은 평균체중보다 ", weight - normal_w, "kg을 초과했습니다.!");


</script>
</body>
</html>

 

평균 체중 = (키 - 100) * 0.9

 

 코드에다가 키, 몸무게를 넣어보신 후 평균체중인지 확인해보셔도 좋을 것 같네요 ㅋㅋㅋ

 

 

 

 

이렇게 자바스크립트 변수 선언, 출력에 대해서 알아보았습니다.

내일은 입력에 대해서 글을 올릴게요~~

저작자표시 비영리 동일조건

'Programming > JavaScript' 카테고리의 다른 글

JavaScript - 쉽게 알아보는 여러가지 기능들  (1) 2020.03.24
JavaScript - 난수(랜덤 수)를 출력해보자!  (0) 2020.03.16
JavaScript - 함수, 인자 값  (0) 2020.03.14
JavaScript - 입력, if문 사용하기  (0) 2020.03.12
'Programming/JavaScript' Related Articles more