[JQuery] includes, split, empty
아래 파일을 참조하여 includes, split, empty 활용해보기
네모 박스(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>