[하이브리드 기초] 텍스트 찍기

[하이브리드 기초] 클릭면 텍스트가 바뀌어요! 텍스트 찍기

자바스크립을 조금이라도 공부하신 분들께는 아주 쉬운 게 아닐까 싶습니다.

앞서서 폰갭을 실행해서 간단한 기초 작업 배경을 만드는 걸 다뤘었는데요,

거기에 이어서 초 간단한 예제를 올려 봅니다.

버튼과 메시지 창을 만들어서 클릭하면, 메시지가 바뀌는 예제 입니다.

간단하지만, 계속 쓰이는 기초적인 부분이라고 생각합니다.

메시가 바뀔창과 클릭할 버튼을 생성해 줄 건데요,

메시지가 바뀔창은 span으로 영역을 잡고, id값을 줍니다.

그리고 간단히 변화를 알아 볼 수있도록 Message 라고 입력했습니다.

클릭했을 때 변화를 주기 위해 버튼에는 'onClick' 으로 이벤트를 줍니다.

효과는 function으로 아까 onClick을 호출해 올라옵니다.

그리고, body에 있는 id값을 호출해 해서 text트로 원하는 문자를 찍어 줍니다.

이렇게 작성된걸 띄워보면 이렇게 뜨실 겁니다.

Message값은 그대로 올라가고,

버튼을 생성할 때 value값을 준게 버튼의 이름으로 해서 요렇게 모양이 잡힙니다.

그리고 클릭을 하면 메시지가 변합니다!

안드로이드를 하면서 편한건 기초적인 개발환경이 제공되어 있어서,

CSS를 사용하는게 거의 없다는 건데요,

여기엔 사용이 안되어 있지만, 기본적으로 안드로이드 용으로 제공되는 기초 스타일 시트가 있어서, 

잘 활용하면, 제공되는 것만으로도 제법 그럴 싸 해집니다.

그거에 대해선 다음에 다시 포스팅을 해 보도록 하겠습니다.:D