22.04.18 TIL - Jquery
자바스크립트를 배워보자!
function q1() {
let txt = $('#input-q1').val()
if(txt ==''){
alert('빈칸입니다!')
} else {
alert(txt)
}
}
function q2() {
// 1. input-q2 값을 가져온다.
let email =$('#input-q2').val();
// 2. 만약 가져온 값에 @가 있으면 (includes 이용하기 - 구글링!)
if(email.includes('@')){
alert(email.split('@')[1].split('.')[0]);
}else{
alert('이메일이 아닙니다!');
}
// 3. [email protected] -> gmail 만 추출해서 ( .split('@') 을 이용하자!)
// 4. alert(도메인 값);으로 띄우기
// 5. 만약 이메일이 아니면 '이메일이 아닙니다.' 라는 얼럿 띄우기
}
function q3() {
let txt = $('#input-q3').val()
// 1. input-q3 값을 가져온다. let txt = ... q1, q2에서 했던 걸 참고!
// 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = `<li>${txt}</li>`) 요렇게!
let temp_html = `<li>${txt}</li>`
$('#names-q3').append(temp_html)
// 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!)
}
function q3_remove() {
$('#names-q3').empty()
// 1. names-q3의 내부 태그를 모두 비운다.(jQuery의 $('....').empty()를 이용하면 굿!)
}
여기에서 IF와 alert의 기능은 숙지하였으나
('#names-q1').val()('#names-q2').empty() 가 무엇인지 처음에 몰라서 퀴즈를 하나도 작성하지 못하였다.
현재는 $
Author And Source
이 문제에 관하여(22.04.18 TIL - Jquery), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@macan/TIL-22.04.18-javascript저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)