フォームの発行時にスペースをチェック

<script>
  document.querySelector('form').addEventListener('submit', function(e){
            if(document.getElementById('email').value == ''){
              e.preventDefault()//제출완료 페이지로 넘어가는 것 방지
              alert('아이디를 입력하세요')} 
            if(document.getElementById('pw').value == ''){
              e.preventDefault()
              alert('비밀번호를 입력하세요')}
            if(document.getElementById('pw').value.length < 6) {
              e.preventDefault()
              alert('비밀번호를 6자리 이상 입력하세요')
    }
  });
</script> 

Inputのinputイベント

文字を入力するたびに発生するイベント

inputのchangeイベント

ユーザーのマウスカーソルが入力から離れると、テキストを入力した後にフォーカスが別の位置に移動するイベント.

Inputとは異なり、何文字入力してもイベントは発生しませんが、カーソルを反対側に置き、再度入力してカーソルを反対側に置くとイベントが発生します.

等号

==さらっとした比較(お兄ちゃんのことは考えず)

===厳密な比較(string,number)

!= 他を比較する場合(左右2つは違うのでしょうか?)

**厳格な比較要求!==

==と==の最大差の例

1 == '1' //true
1 == 1   //true

1 === '1' //false
1 === 1  //true

0はfalse、1はtrue

<script>
	if(1) {
    console.log('맞았습니다')}
    //맞았습니다 출력
    
    if(0)[
    console.log('맞았습니다')}
    //아무것도 출력되지 않음
</script>

リアルデータ

0を除く数字

「文字」

[]

{}

falseと識別される資料(falseydata)

0

''

null

undefined

NaN

&& and

2つ以上の条件を同時に比較する場合は、「和」(AND)を表し、if文では、両方の条件が本物であることを表すために使用されます.

|| or

2つ以上の条件を同時に比較する場合は、「または」を表します(文に1つの条件が本物である場合).