본문 바로가기
Study/JavaScript

[JS] 자바스크립트 기초 - 변수 대소문자 구분

by 선혜나 2020. 7. 23.

youtu.be/mH9KTFVqJ44

감사해요 혜영쌤,,,

 

 

 

 

 

2일차

 

 

 

1. 변수 num, name 지정

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1 id="title">대소문자 구분</h1>
  <script>
    var num = 40;
    var name = "신사역"
    document.write(name + "에서 집까지 걸리는 시간은 " + num + "분입니다.");
  </script>
</body>
</html>

 

 

 

결과

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 변수 name을 Name으로 바꿔봄

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    div {
      border: 3px solid #000;
      padding: 10px 0;
    }
  </style>
</head>
<body>
  <div>
    <h1 id="title">대소문자 구분</h1>
    <script>
      var num = 40;
      var name = "신사역"
      document.write(Name + "에서 집까지 걸리는 시간은 " + num + "분입니다.");
    </script>
  </div>
</body>
</html>

 

 

어림도 없지

 

 

 

 

 

댓글