TIL D - 3
< 빈칸체크함수만들기 >
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('@')) {
// 3. info@gmail.com -> gmail 만 추출해서
// 4. alert(도메인 값);으로 띄우기
let domainWithDot = email.split('@')[1];
let onlyDomain = domainWithDot.split('.')[0];
alert(onlyDomain);
} else {
// 5. 만약 이메일이 아니면 '이메일이 아닙니다.' 라는 얼럿 띄우기
alert('이메일이 아닙니다.');
}
}<HTML 붙이기/지우기 연습>function q3() {
// 1. input-q3 값을 가져온다.
let newName = $('#input-q3').val();
if (newName == '') {
alert('이름을 입력하세요');
return;
}
// 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = `<li>${가져온 값}</li>`)
let temp_html = `<li>${newName}</li>`;
// 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!)
$('#names-q3').append(temp_html);
}
function q3_remove() {
// 1. names-q3의 내부 태그를 모두 비운다.(jQuery의 $('....').empty()를 이용하면 굿!)
$('#names-q3').empty();
}오늘의 느낀점
- 미니프로젝트 다른 팀들의 발표들을 보면서 현타가 많이오고 부족한 것을 많이 느꼈는데 그로임해 문제점을 알아서 다음 프로젝트는 더 열심히 하고 좀 더 탄탄해질 것으로 예상이 된다. 오늘 캠퍼의 밤이 있었는데 매니저님들과 튜터님들이 재미나게 준비를 잘해주셔서 너무 재밌었던 거 같다. 멤버카드퀴즈에 내가 나와서 깜짝놀랐고 캠퍼들에게 보여준게 부끄러웠다. 그리고 오토바이경주는 너무 웃겼었고 다음에 또 한번 이런 캠버의 밤이 있었으면 좋겠다.
< 코린이의 코딩모험기 >