47일차 - #쇼핑몰 #광고 #반응형 (2) 훈련용 이론

밀레·2022년 11월 30일
0

코딩공부

목록 보기
115/135

https://velog.io/@la_sta/46%EC%9D%BC%EC%B0%A8-

2. 구구단 만들기 (콜백함수, if-else)

  • 입력된 값이 없으면 숫자 넣으라고 경고창 띄우기
  • input 넣은 숫자를 단으로 ul에 뿌리기

내가 한 것


2-1. 초기식 (제이쿼리 ver.)

	alert('숫자를 입력하세요');
    $('[name="gugu"]').focus(); // 경고창 후 인풋창에 자동 포커스

2-2. if-else문 안에 콜백함수 호출식 삽입

콜백함수 gugudan에 매개인자 전달

2-3. 사용자가 input에 입력한 숫자를 매개인자로 갖는 콜백함수

input에 넣은 숫자를 < li >구구단< /li >으로 작성해 ul에 뿌리기 (for문)

2-4. for문으로 li목록 작성해 ul에 삽입

2-5. $.IsNumeric 함수 (제이쿼리용)

값을 숫자로 평가하는 수식 (불리언 반환)
전체 식이 숫자면 =True / 숫자 아니면 =False

문자를 입력하면 "숫자를 입력하라"고 경고창 띄우기

2-6. 자바스크립트 식은 이렇다고 합니다

"숫자가 아니라면" 에 관한 모든 null 이슈를 막는 문법

number == "" || number == null || number == undefined || (number != null && typeof number == "object" && !Object.keys(number).length

0개의 댓글