<JavaScript>조건문 형식| 비교연산자 | 토글 toggle | 생활코딩

Chaeyoung·2023년 3월 14일
0
post-thumbnail

토글이 뭔가YO?

  • 토글스위치(toggle swich) : on/off하나밖에 없는 스위치
  • 두가지 상태중 하나를 선택하는데 쓰는 키를 토글이라한다.
  • 동사로는 (토글키로)껏다,켰다 할때 쓰인다.

<데이터타입>불리언 boolean

토글 HTML로 구현해보자

  • 아래처럼 비교연산자로 toggle을 활용할 수 있다.
<title>토글(toggle)구현하기</title>
<h1>comparison operator & boolean</h1>

<h2>비교연산자(===)</h2>

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

<h3>1===2</h3>
<script>
  document.write(1 === 2);
</script>

<h3>1==="1"</h3>
<script>
  document.write(1 === "1");
</script>

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

🪵조건문

  • 조건문의 형식 이해하기
  • boolean의 값이 무엇이냐에 따라 아래 실행되는 코드가 바뀐다.

🌳 조건문으로 숫자 출력하기

🌱 위에서부터 순서대로 실행되는 코드

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>조건문</title>
  </head>
  <body>
    <h1>Conditional statements</h1>
    <h2>program</h2>
    <script>
      document.write("1<br>");
      document.write("2<br>");
      document.write("3<br>");
      document.write("4<br>");
    </script>
  </body>
</html>

🌱 조건문 if-true

  • 코드는 순서대로 실행된다. 조건문안에 true를 입력했을 경우 if()중괄호{}안에 있는 2<br>이 실행되고 아래 else문은 무시된다.
<h2>if-true</h2>
<script>
  document.write("1<br>");
  if (true) {
    document.write("2<br>");
  } else {
    document.write("3<br>");
  }
  document.write("4<br>");
</script>

🌱 조건문 if-false

  • 조건문안에 false를 입력했을 경우 if문은 무시되고 아래 else()의 중괄호 {}안에 있는 3<br>이 실행된다.
  <h2>if-false</h2>
    <script>
      document.write("1<br>");
      if (false) {
        document.write("2<br>");
      } else {
        document.write("3<br>");
      }
      document.write("4<br>");
    </script>
  </body>
</html>

조건문이 어떻게 활용되는지 아는것이 중요하다

0개의 댓글