728x90
반응형
*function
-함수 (function)은 별도의 영역없이 단독으로 존재하는 코드저장소 (cf:메소드)
-자바 메소드와 다른점은 다음과 같다
-접근제한 키워드가 없다(public private default protected)
-반환형이 존재하지 않는다(구분을 안함)..
-앞에 함수임을 알수 잇도록 function이라고 붙여준다
-시작하자마자 실행하는것이아닌 이름을 통해 함수를 호출한 경구 실행된다
★결론
함수를 이용하면 원하는 코드를 원하는 시점에 실행 할 수 있게된다.
-이를 이용하여 다양한 상황을 처리할수잇다
<script>
function hello(){
console.log("hello!");
}
</script>
*이벤트란?
이벤트(event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미합니다. 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있습니다.
<title>이벤트예제</title>
<script>
//1.언제든지 부를 수 잇는 함수를 하나 생성
function test(){
console.log("이벤트 발생!");
}
</script>
</head>
<body>
<!--2.test 함수를 부를 수 있도록 버튼을 생성-->
<!--3.클릭하면(onclick) test함수를 실행하도록 코드를작성(이벤트 바인딩)-->
<button onclick="test()">클릭하세요</button>
</body>
</html> <script>
function red(){
//h1태그를 "선택"하여 디자인을 변경하는 작업
var tag = document.querySelector("#target"); //최신명령
// var tag=document.getElementById("target"); // 모든 브라우저 작동명령
console.log(tag);
//선택된 태그에 style이라는 속성값을 "color:red;" 라고 설정하겟다
tag.style="color:red;"
}
</script>
</head>
<body>
<button onclick="red()" >빨강</button>
<h1 id="target" >Hello Javascript</h1>
</body>
</html>'[LANG] > - JavaScript' 카테고리의 다른 글
| [JS]Default object (0) | 2022.06.02 |
|---|---|
| [JS]Default Event (0) | 2022.06.02 |
| [JS] 정규표현식 regex (0) | 2022.06.02 |
| [JS]입력값 제어 (0) | 2022.06.02 |
| [JS] 자바 vs 자바스크립트의 차이/비슷한점 (0) | 2022.06.02 |
댓글