Hello, I'm Ming.

JavaScript 실습/ 버튼 만들기 본문

Coding/웹 애플리케이션

JavaScript 실습/ 버튼 만들기

#ming 2017. 6. 19. 16:17

자바스크립트 실습
1. 입력 값 창으로 출력하기





1) 웹 페이지에 버튼 만들기
input value = "button" => 버튼
input value = "text" => 텍스트 입력 박스
input value = "checkbox" => 체크박스

2) event programming  사건 발생과 관련된 프로그래밍
대표적인 사건 클릭 
onclick = " " => 클릭시 " " 안의 명령을 수행해라

3) API, 웹에 내재된 프로그래밍 
getElementById('user_input') = 함수다.
내재된 프로그래밍은 서로 그룹화 되어 있다.
document.write
documen.getelementbyid

4) 자바스크립트는 <script> </Script> 구문 안에서만 존재하는것이 아닌 태그 안에서도 존재할 수 있다.

2. 


3. HTML을 제어하는 JavaScript 


.value 값을 알아낸다.
.className id 에 해당하는 태그의 클래스 이름을 지정해줄 수 있음 

3-1 혼자 해본 연습

1) 글자 중간에는 못 넣는가?




생활코딩 코딩야학 10일차 




4. 화이트, 블랙 버튼 만들어서 누르는대로 화면 변하게 만들기 


<div>

</div> 태그를 묶어주는 태그


ctrl+Shift+R => 크롬 강제 리프레쉬 

태그 변경이 바로 적용 안되는 경우 사용해야한다. 


똑같이 따라했는데 안되서 당황했다. 


'Coding > 웹 애플리케이션' 카테고리의 다른 글

프로그래밍 접근방법  (0) 2017.06.19
UI vs API  (0) 2017.06.18
함수/JavaScript, PHP  (0) 2017.06.18
배열(Array)/JavaScript, PHP  (0) 2017.06.18
반복문/ JavaScript, PHP  (0) 2017.06.18
Comments