[생활코딩] 2. HTML에서 JavsScript 로드하기 (1) inline 방식

행복주의자·2021년 6월 14일
0
  1. inline 방식
<!DOCTYPE html>
<html>
   <body>
       <input type=“button” onclick=“alert(‘Hello world’)” value=“Hello world” />
   </body>
</html>

onclick=“ “ : html 속성. 사용자가 tag를 click했을 때, 속성의 값으로 들어가있는 JS코드 실행
alert(‘Hello world’) : onclick 속성값 <- JS 나온다는것 약속. 뒤에 JS라는걸 알 수 있다.
ex> 이러한 event: onclick, onchange, onkeydown

< 장점 >

  • 누구를 대상(button)으로 실행되는지 바로 알수 있다.

< 단점 >

  • html안에 JS가 있다는 건 정보 + 제어가 같이 짬뽕.
  • 유지보수가 쉽지 않다.
  • 검색엔진이 해석하기 어렵다.
profile
개발자를 위해 한걸음씩

0개의 댓글