No sweet without sweat

[Javascript] - inline, 조건문, 반복문, 배열함수(push,pop,unshift,shift) 본문

JavaScript

[Javascript] - inline, 조건문, 반복문, 배열함수(push,pop,unshift,shift)

Remi 2022. 7. 28. 22:38
728x90
반응형

​

​

​

1. 인라인 방식으로 띄우기

- 인라인 방식 : 태그내에 직접 코드를 작성

onclick ="aㅣert('클릭')"

- 이처럼 큰따옴표 안에 작은따옴표로 묶어줘야한다.

<body>

</body>

결과창 : 위 클릭을 누르면 다음과 출력문이 나온다.

​

2. 외부 실행위치 가져오기

document.getElementById("btn").addEventListener("click",function(){

alert("내부방식 클릭!")

})

이처럼 소괄호, 중괄호가 많은데 자세히 보고해야 오류가 나지 않는다.

​

​

문제 1 - 외 / 내부 태그가 모두가 가져와질까?

정답은 X이다

src가 body 맨아래에 위치해 있어야한다.

이는 java를 생각하면 쉬운데, 맨 위 코드가 실행이 되면 아래 코드가 실행이 안되듯이 똑같은 방식이라고 보면 된다.

​

문제2. 사용자가 색을 입력하면 출력해라(빨강, 파랑, 초록)

​

정답 :

* '=' 가아닌 '=='로 써주는게 중요하다.

​

문제 3. 시작할 숫자와 마지막 문자를 입력하고 더하고 콘솔값으로 보여줘라(1,10 -> 1+2+3+4+5+6+7+8+9+10)

​

​

정답 :

새로운 변수값 sum을 입력해주는게 이 문제의 핵심이다.

​

배열

1. 배열의 크기는 동적이다

2. 배열의 크기가 지정되어 있어도 데이터를 추가하면 저장공간이 자동으로 할당된다.

3. 배열의 크기는 배열의 length라는 프로퍼티(property)에 저장

​

자바와 똑같다[], length

new Array를 쓰면 뒤에 배열크기를 정할 수 있다.

​

문제4. 배열의 값중 홀수값이 몇개인지 출력해라

​

정답:

이 문제 또한 cnt라는 변수를 따로 생성해주는게 중요하다.

​

​

자바 - 배열함수

​

1) 배열의 마지막 인덱스에 데이터를 추가하는 방법

list.push()

​

2) 배열의 마지막 인덱스에 데이터를 삭제

list.pop()

​

3) 배열의 첫번째 인덱스에 데이터를 추가

list.unshift();

​

4) 배열의 첫번째 인덱스에 데이터를 삭제

list.shift();

​

​

 

728x90
반응형
저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] - jquery(선택자) - 2  (0) 2022.08.02
[JavaScript] - jquery(선택자) - 1  (0) 2022.08.01
[Javascript] - alert, prompt, console  (0) 2022.07.27
속성 상태에 따른 탐색 선택자 (visible, hidden, selected, checked)  (0) 2021.07.25
$.inArray()/$.isArray()/$.merge()  (0) 2021.07.25
'JavaScript' Related Articles more
Comments