화면구현 10일차 - 자바스크립트

HTML에서 자바 스크립트 사용방법

1. 내부 스크립트

* document.write() 함수는 화면에 () 내용을 출력한다.

 

2. 외부 스크립트

 

Alert() 함수

<script>
alert('hi"); // 경고창에 hi 출력
</scrips>

 

이벤트 발생 시 자바스크립트 사용

<button onclick="document.querySelector('body').style.background='tomato'">토마토색</button>

-> 버튼을 클릭하면 body의 백그라운드 색을 토마토 색으로 변경한다.

 

크롬 개발도구의 Console 창 사용

console.log('콘솔로그');
console.error('콘솔에러');
console.warn('콘솔워닝');

 

자료형과 변수

 - 자료형은 자바와 유사하며 변수는 var(전역변수), let(지역변수)가 있다.

 

자바스크립트 - 배열

push, pop을 이용하여 배열의 끝부분에 값을 추가하거나 뺄 수 있고,

shift, unshift를 이용하여 배열의 앞부분의 값을 빼거나 추가할 수 있다.

* shift,unshift는 배열의 값들을 재배열해야 하므로 push,pop보다 속도가 느리다.

 

자바스크립트 - 함수