JavaScript 태그&콘솔&데이터타입_TIL#3

버튼

ex.
input type = "button" value ="night"

type으로 버튼 만들고, value로 버튼의 명칭 부여

onclick 안에 있는 내용으로 자바스크립트 실행

웹브라우저는 한번 화면에 출력되면 스스로 바꿀 수 없으나, js로 html 제어할 수 있다.

html + javascript

1. html에 자바스크립트 적용시키기

   <script></script> 안에 입력 ! 

2. 이벤트 (웹브라우저에서 일어나는 일들)

   1) 클릭

   input type = "button" value="hi" onclick="alert('hi)"

   onclick

   온클릭의 속성 값은 웹브라우저가 기억하고선 동작

   2) onchange

   input type = "text" value="hi" onchange="alert('changed)" // ondown..

   텍스트 박스, 내용이 변했을 때 일어나는 이벤트

   text 타입에 글씨를 적고 마우스를 바깥으로 클릭 했을때 알럿 창

   ===

콘솔

데이터를 처리해야는 경우가 있는 경우 (브라우저 - 검사) 콘솔창에서 자바스크립트 실행시켜서 데이터 처리가 가능하다.

ex. 텍스트 콘솔창에 복붙. 작은 따옴표로 묶어주기

문자 갯수 알려주는 자바스크립트 alert('문자~~~'.length) 으로 감싸면 알럿창으로 문자개수를 알려준다.

   * 콘솔에서 실행시키는 자바스크립트는 웹페이지를 대상으로 실행 됨
   * elements에서 esc 누르면 콘솔 밑에 뜸

ex. 페이스북 댓글단 사람 중 몇명만 추첨

데이터타입

6개
number, string, boolean(true, false 단 두개로만 이루어짐),null 그 외..

 javascript string 이라고 구글에 검색하면 나온다.

toUpperCase 

> 소문자를 대문자로

indexOf(찾고자 하는 문자)

> 위치 알려줌