본문 바로가기
Web developer/[JavaScript]

[JS_01][WEB] JavaScript 실행 방법1

by 보끔밥0130 2023. 2. 13.
728x90

사용자와 상호작용하도록 만들기

 

ex) 버튼을 누르면 배경이 나이트 모드로 바뀜

<body>
	<input type = "button" value = "night" onclick = "
    	document.querySelector('body').style.backgroundColor ='black';
        document.querySelector('body').style.color = 'white';
    ">

</body>

JavaScript는 HTML언어 위에서 동작하는 언어입니다.

 

● <script>태그 

 

자바스크립트와 같은 client-side scripts를 정의할 때 사용합니다.

 

<script> 자바스크립트 언어 </script>

 

 event

웹 브라우저 위에서 일어나는 일

 

https://www.w3schools.com/tags/ref_eventattributes.asp

 

HTML Event Attributes

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

ex) onclick, onchange, onkeydown 등 on이벤트명으로 정의됩니다.

 

 

728x90

'Web developer > [JavaScript]' 카테고리의 다른 글

[JS_04][WEB] JavaScript 활용  (0) 2023.02.18
[JS_03][WEB] JavaScript 문법  (0) 2023.02.17
[JS_02][WEB] HTML과 JS  (0) 2023.02.16

댓글