[javascript] 2022.09.20

subb_ny·2022년 9월 20일

1.input, change event

document.getElementById("email").addEventListener('input', function(){ };//input이 변할 때 (change랑 비슷 이벤트)

input 이벤트는 input에 뭔가 작성될 때 생성되는 이벤트
change는 input에 뭔가 작성되고 다른 곳을 클릭했을 때 생성되는 이벤트

2. 연산자

!= 다름

=== 엄격한 비교

== 느슨한 비교

&& and

|| or

느슨한 비교 : 1 == '1'
엄격한 비교: 1 !== '1'

엄격한 비교는 타입까지 같아야함

3. 변수에 +1 하는 법

변수++
변수+= 1
변수= 변수+ 1

4. 클래스 추가 방법

제이쿼리

.addClass()

2.바닐라 자바스크립트

  .classList.add()

5. setTimeout

x초후에 코드 실행하는 내장메서드

setTimeout(function(){실행할코드},ms)

6. setInterval

x초마다 코드 실행하는 내장메서드

setInterval(function(){실행할코드},ms)

7. .includes()

문자검사하는 방법

'abc'.includes('a')
// 결과값= true

정규식이 더 디테일한 문자검사가능

8. event.preventDefault()

  $("form").on("submit",function(){ //"click"도 가능 
        if (document.getElementById("email").value =="" || document.getElementById("password").value == ""){
          
          alert("다시 입력해주세요")
          event.preventDefault()
          
        }else if (document.getElementById("password").value.length < 6){
          alert("비밀번호를 더 길게 입력하세요")
          event.preventDefault()
        }else if (/\S+@\S+.\S|/.test()){

          alert("이메일 형식을 지켜주세요 ")
          event.preventDefault()
        }