Java script - 1 (2021.03.22)

티스토리 뷰

HTML_CSS

Java script - 1 (2021.03.22)

LHOIKTN 2021. 3. 22. 09:38

자바스크립트 출력

<!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>
    <script type="text/javascript">
    // 자바스크립트 출력
        document.write(1+1);
        alert('hello world');
        console.log("hello");
    </script>

document.write(1+1);

alert('hello world');

console.log("hello");

input 태그 안에서 onclick으로 html에서 js호출

<body>
    <input type="button" value="버튼" onclick="alert('나는 경고창')">
</body>

버튼을 누르면 위의 경고창이 출력된다.

자바스크립트 변수

    <script type="text/javascript">
    
        hello = 40; 
        hello2 = '40'; 
        document.write(1+1);
        console.log('hello');
        console.log(hello);
        console.log(hello + hello2);
    </script>

자바스크립트는 꽤 널널하다. 엄격하지 않다고 해야하나

위의 number 변수 hello와 string 변수 hello2를 더했더니 4040으로 출력되었다.

number변수인 hello의 형이 자동으로 string으로 변환되어 더해졌다.

number 변수와 string 변수를 더할 수 있다.

변수형을 안 바꿔줘도 알아서 변한다. 보통 문자열로 변환해주는듯하다.

c에서 int형끼리 연산하면 소수부분은 나오지 않는다.

예를 들어 int a= 10; int b=4; int c; 라고 선언하고 c= a/b; 를 해주면 c는 2로 정수인 부분만 출력되는데

자바스크립트에서는 a=10; b=4; c=a/b; 를 하면 2.5가 출력된다.

기본적으로 number에 대한 변수는 실수형으로 처리하는 듯하다.

자바스크립트 연산자. 조건문, 반복문

c랑 다를 게 없다. 어떤 언어마다 갖고 있는 고유의 문법이 있겠지만

뭐 c에서 쓰는 연산자나 조건문, 반복문의 문법은 모두 적용가능하다.

자바스크립트 메서드

자바랑 같음. 객체 속성 메서드

728x90

'HTML_CSS' 카테고리의 다른 글

Java script - 2 (2021.03.22) (0)	2021.03.22
HTML / CSS ) css로 삼각형 그리기 (0)	2021.03.22
HTML / CSS - 14 (2021.03.21) position정리 (0)	2021.03.22
HTML / CSS - 13 (2021.03.19) (0)	2021.03.19
HTML / CSS - 11 (2021.03.17) (0)	2021.03.17

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2025/01 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

글 보관함

GPD2021

티스토리 뷰