220509 생활코딩 - JavaScript 1

연주·2022년 5월 9일

TIL

목록 보기

1/37

생활코딩 - JavaScript

✔ Html에서 JavaScript 입력법

<script>
document.write('hello wrold');
</script>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="button" value="hi" onclick="alert('hi')">
  </body>
</html>

onclick 속성의 속성값은 반드시 Javascript가 와야한다.
onclick 사건, event라고 생각
ex) onclick, onchage, onkeydown

✔ comparison operator & boolean

=== 란?
동등비교연산자
1===1
1과 1이 같습니까?

    <script>
      document.write(1===1)
    </script>

값으로 true가 나옴

  <h3>1&lt;1</h3>
    <script>
      document.write(1<1);
    </script>

1이 1보다 크다?
false

동등연산자 ===
좌항과 우항의 결과값을 ture or false 로 출력
ture or false 같은 결과 값을 boolean 이라고 함

Number 숫자
String 문자
Boolean true or false (단, 두개의 테이터 타입)

✔ 중복제거

document.querySelector('#night_day') -----> this
var target = document.querySelector('body');

✔ Loop & Array

배열은 [ ]
대괄호로 시작해서 대괄호로 끝남
["a", "b", "c","d"]

var coworkers = ["a", "b", "c","d"];

    document.write('<li>1</li>');
      var i = 0
      while (i < 3) {
        document.write('<li>2</li>');
        document.write('<li>3</li>');
      }
    document.write('<li>4</li>');

변수는 var i = 0
반복문 while ( )

    <script>
      var cowokers = ['egoing','leezhe','duru','taeho'];
    </script>
    <h2>Co workers</h2>
    <ul>
     <script>
       var i = 0;
       while (i < cowokers.length) {
         document.write('<li>'+cowokers[i]+'</li>');
         i = i + 1 ;
       }
     </script>
    </ul>

배열과 반복문

💬 하루 되돌아보기

오늘 배운 부분 정확히 이해하고 복습!
😢 목표하고자 했던 양만큼 공부를 못했다. 반성..

연주

성장중인 개발자🫰

다음 포스트