웹 프로그래밍 기초/자바스크립트 맛보기

HTML과 자바스크립트 연결 1

별초롱언니 2025. 4. 1. 12:58

HTML 내부 자바스크립트

 

HTML <head> 섹션이나 <body> 섹션에 삽입된다.

<script> 태그를 삽입하고, 그 안에 코드를 입력한다. </script> 종료태그로 마무리한다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML 내부 연결</title>
  <script>
    var now = new Date();
    alert(now);
  </script>
</head>
<body>
  
</body>
</html>

 

See the Pen Untitled by byeolchorong (@byeolchorong) on CodePen.

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML 내부연결2</title>

</head>
<body>
  <script>
    var now = new Date();
    alert(now);
  </script>
</body>
</html>

 

 

See the Pen Untitled by byeolchorong (@byeolchorong) on CodePen.