HTML과 자바스크립트 만남!!

1. 자바스크립트 소스코드를 웹브라우저에 사용하기 위해서

    <script></script> 태그를 쓴다

2. 사용자와 상호작용하는 코드 event라고 부른다

    onclick 속성으로 이벤트 20개를 정의한다

 

EX) 이벤트를 등록하는 방법 

HTML

onclick 입력하여 클릭 이벤트를 등록하는 방법

→ <input type="button onclick="alert('hello')">

javascript

onclick 속성을 부여해서 이벤트를 추가하는 방법

→ const btn =document.querySelecter(#btn');
     btn.onclick=function() alert { alert('hi')};

 

HTML과 Javascript 만남 2

 

콘솔 : 콘솔에서 실행된 자바스크립트는

웹 페이지를 대상으로 실행시킬 수 있다

 

+, -, *, / : 산술 연산자

- 숫자와 숫자를 연산하는 산술연산자

 

string() : 문자열로 처리하여 생성

toUpperCase() : 대문자로 반환한다

body : 웹 페이지 전체를 감싸는 태그

 

indexOf() : 특정문자의 위치를 찾기 위해서

- 문자열(string)에서 특정 문자열(searchvalue)을 찾고, 
  검색된 문자열이 '첫 번째'로 나타나는 위치 index를 리턴합니다

 

웹 브라우저 제어

- style 속성을 주고자 하는 곳은 어떤 태그인지

  웹 브라우저에게 알려주는 방법은 자바스크립트 문법입니다