바닐라 JS 정리(~ing)

김종민·2023년 11월 7일
0

js

목록 보기
17/25
post-thumbnail

문자를 숫자로 type 변경해주는 parseInt 함수

const age = parseInt( prompt("How old are you?") );

console.log(age)

라고 한다면 prompt창에 How old are you?라고 뜰것이다.
이 값에 15라는 값을 넣으면 이 것은 문자가 아닌 숫자로 처리된다.
혹 숫자도 아닌 "lalalalalala"를 적는다면 콘솔창에 NaN(Not a number)가 출력된다.

숫자가 아닌지 확인하는 isNaN 함수

const age = parseInt( prompt("How old are you?") );

console.log(isNaN(age))

isNaNboolean으로 값을 반환한다.
age 값이 숫자일 경우 age가 is Not a nuber에 부합하지 않기때문에 false로 출력이 되고,
age 값이 문자일 경우 age가 is Not a number에 부합하기 때문에 true가 값이 출력된다.

jquery에서 바닐라로 변경

  • $(window).scrollTop(); 👉 window.pageYOffset;
  • $(document).height(); 👉 document.body.offsetHeight;
    document.body가 바디 엘리먼트다!
  • $(window).height(): 👉 window.innerHeight;
    화면(창)의 높이는 innerHeight이고 웹창의 전체 크기는 outterHeight이다.
profile
웹 퍼블리셔의 코딩 일기

0개의 댓글

관련 채용 정보