[JQuery] includes, split, empty

아래 파일을 참조하여 includes, split, empty 활용해보기

 

JQuery퀴즈.txt

0.00MB

 

네모 박스(input)에 값을 입력 후 클릭을 누르면 alert(알림)으로 해당 입력 값을 나오게 하거나 입력이 안 되었을 경우 "입력하세요!" alert이 뜨도록 하는 방법

 

<script>
function q1() {
     let first = $('#input-q1').val();
          if (first == '') {
              alert('입력하세요!')
          } else {
              alert(first)
          }
     }

 

이메일 주소 입력시 '@'이 입력되는 조건(includes)하에 split을 이용하여 '@)와 '.'을 구분하는 방법 / 

function q2() {
     let second = $('#input-q2').val();
          if (second.includes('@')) {
               let third = second.split('@')[1].split('.')[0];
               alert(third)
          } else {
               alert('이메일이 아닙니다.');
          }
}

 

* 이름 입력시 아래 리스트에 등록되는 방법 / 다지우기 (empty) 클릭시 모든 리스트가 지워지는 방법

function q3() {
     let copy = $('#input-q3').val();
          let temp_html = `<li>${copy}</li>`
          $('#names-q3').append(temp_html)

function q3_remove() {
     $('#names-q3').empty()

</script>