Web/JS

[Web 2강] HTML과 JS의 만남

WantAirpod 2021. 2. 5. 11:43
반응형

JS와 HTML의 차이

JS는 동적이라 1+1을 계산해서 웹상에 뿌려준다. 하지만 HTML은 그냥 그대로 뿌려준다

<<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
    <h1> javascript </h1>
  <body>
    <script type="text/javascript">
      document.write(1+1);
    </script>
    <h1> html </h1>
    1+1
  </body>
</html>

 

 

이벤트

onclick 속성

onclick 클릭 했을 때 이미 기억하고 있던 동작하는 메소드 (=Event)

onchange 속성

마우스 포인터가 창 밖으로 나간 동작을 인식하는 메소드

onkeydown 속성

키를 눌렸을 때 동작하는 메소드 

 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type ="button" value ="hi" onclick="alert('hi')">
    <input type ="text" onchange="alert('onchange')">
    <input type ="text" onkeydown="alert('key down!')">
  </body>
</html>

 

반응형