이번의 목표 01. getElementById()를 통해 의 출력을 변경해보자. 지난 시간에는 getElementById()를 이용하여 의 데이터를 변경하는 것을 알아보았습니다. 이번에는 의 데이터를 변경하는 것을 알아보겠습니다. 같은 경우에는 value 값이 그대로 출력되기 때문에 value 값을 변경하였습니다. 하지만 , , , 등의 경우에는 여는 태그와 닫는 태그 사이에 문자를 입력하는 것으로 출력이 되기 때문에 value를 수정하는 것으로는 출력값을 바꿀 수가 없습니다. 이때에는 innerHTML() 을 사용하여 변경할 수 있습니다. 01. 코드 02. 실행 화면 01. 코드 name : 02. 실행 화면 ① name에 값을 입력후 버튼을 클릭하면 아래에 위치해있던 에 문구가 출력되는 것을 확인할..

이번의 목표 01. 의 데이터에 접근하여 수정해보자. document.getElementById() 를 이용하면 객체의 id를 이용하여 요소에 접근 할 수 있습니다. 이를 이용하여 의 value를 변경하는 함수를 만들어 보겠습니다. 그리고 함수를 사용하기 위해서는 이벤트를 사용해야 합니다. 이벤트의 종류로는 onclick, onkeyup, onmouseenter 등이 있습니다. 더 많은 이벤트의 종류에 대해 알아보기 위해서는 검색해보거나 on까지 입력후 Ctrl+Space를 통하여 관련된 기능이 무엇이 있는지 차근차근 알아보는 것도 좋습니다. 01. 코드 02. 실행 화면 01. 코드 name : name2 : 02. 실행 화면 ① 기본 화면 ② name 에 값을 입력하고 버튼을 누르면 name 안의 값..

이번의 목표 01. 함수(function)의 매개변수에 대해 알아보자 지난 시간까지 함수의 선언에 대해 알아보았습니다. 함수의 선언시에는 매개변수를 정한다고 했습니다. 이때 사용자가 매개변수의 갯수를 초과해서 적거나 부족하게 적었을 때에도 에러는 발생하지 않습니다. 단, 그러기 위해서는 함수의 내부에 조건식을 사용하여 상황에 따른 실행문을 지정해주어야만 합니다. 01. 코드 02. 실행 화면 01. 코드 02. 실행 화면 매개변수가 3개를 입력하는 함수를 선언 후, 사용했습니다. ① 매개 변수를 1개 입력했을 때에 출력 값 ② 매개 변수를 2개 입력했을 때의 출력 값 ③ 매개 변수를 3개 입력했을 때의 출력 값 ④ 매개 변수를 초과했을 때에는 3개를 넘는 매개 변수의 값이 버려지는 것을 확인할 수 있습니다.

이번의 목표 01. 익명(무명) 함수를 생성해보자 지난 시간에는 함수의 선언 방법에 대해 알아보았습니다. 이번에는 함수의 선언 방식을 바꾸어서 익명 함수를 선언해보겠습니다. 익명 함수는 말그대로 함수에 이름을 사용하지 않고, 함수를 변수에 저장하는 함수 입니다. 이전에 함수는 생성 위치와 상관없이 02. 실행 화면 ① 익명 함수의 선언 전에 사용한 printMsg()에서는 일반 함수인 printMsg() 가 사용되는 것을 확인할 수 있습니다. ② 익명 함수를 선언 하고 나서 사용한 printMst()는 익명 함수가 사용된 것을 확인할 수 있습니다.

이번의 목표 01. 함수(function)의 선언과 실행을 나눠보자. 지난 시간에는 function 키워드를 통해 함수를 만들고 사용해보았습니다. 그때, 함수의 선언과 사용을 모두 태그 안에서 했습니다. java에서 메서드만 모아두는 클래스를 따로 만들어두어서 코드를 보다 간결하게 하는것처럼, 여기서도 함수의 선언은 02. 실행 화면

이번의 목표 01. function을 통해 함수를 만들어보자. 02. 만든 함수를 통해 화면에 문구를 출력해보자 js에서는 function 을 사용하여 함수를 만들 수 있습니다. 여기서 함수(function)를 쉽게 이해하자면 클래스에 종속되지 않는 메서드라고 생각하면 됩니다. 메서드는 함수의 일종입니다. 그래서 메서드를 다른 이름으로 멤버 함수 라고도 부릅니다. 메서드를 사용하기 위해서는 메서드가 담겨있는 객체를 생성하고 객체를 이용하여 메서드를 사용할 수 있습니다. 하지만 함수는 그럴 필요가 없이 function 키워드를 이용하여 만들고 사용할 수 있습니다. 함수는 function 키워드로 만들 수 있습니다. 함수 생성 예시는 아래와 같습니다. function 함수명(매개변수){실행문} 함수의 선언을..