DEV/Javascript

index1

purple 2020. 1. 6. 19:16 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<!-- 
    Java Script(Client) != Java(Server)
    목적 : Front end 제어하기 위한 스크립트(logic).
             보조 프로그래밍적인 요소이다
             화면 제어하기 위한 요소 -> JQuery(ver) -> Vue, reAct가 너무 길어서 주로 쓰는 것이 JQuery
             컴파일을 하지 않는다. 가볍다 -> 속도가 빠르다
             
    예) 회원가입 -> 빈칸을 조사. ID글자수를 조사. Pw에 숫자포함 체크 
    
    CSS에 대해서 구현.
    Timer를 설정해서 특수 효과 같은 처리를 할 수 있다.
       차트, 그래프로 표현이 가능하다.
       
    id(1개), class(다수, CSS), name(link) -> 접근하기 위한 속성(attribute)   
                 
 -->
 
 <p id="demo">p tag id demo</p>
 
 <script type="text/javascript">
 // 한 줄 주석문
 
 /*
     범위 주석문
 */
 
// window.alert("Java Script 실행");
//alert("Java Script 실행"); 다만 alert은 프로그램이 멈춰버리기 때문에 콘솔을 주로 사용한다.
console.log("Java Script 실행 ");
 
 
 //getter
 var v = document.getElementById("demo");
 alert( v.innerHTML );
 //document란 html안에 있는 문서들 코드들 전체를 가리킨다.
 
 //setter
 /* document.getElementById("demo").innerHTML = "p테그 demo아이디";*/
 v.innerHTML= "p태크 demo아이디입니다."; 
 </script>


</body>
</html>