해설하기

let value = $('#input-q1').val();

#input-q1에 들어가는 값을 value라고 한다.

if (value == ''){
    alert('입력하세요!')
}
else {
    alert(value);
}

만약 vlaue에 들어가는 문자열이 ' ' 즉 없다면 '입력하세요!' 라는 경고창이 뜬다

아니라면 value자체 값을 경고창으로 띄운다

alert ( ' ') 안의 문자는 조건 만족시 항상 같은 모양으로 보인다. ex) alert('a')라면 조건만족시 뭘 입력하더라도 a 라고 보여짐

alert( ) 는 내가 입력한 값이 나온다.

 

음... 나중에 봐도 이해가 되길

 

let email = $('#input-q2').val();

인풋q2 id의 입력값을 email 이라 하자

if (email.includes('@')){
    // let domainWithDot = email.split('@')[1];
    // let onlyDomain = domainWithDot.split('.')[0];
    // alert(onlyDomain)
 alert(email.split('@')[1].split('.')[0]);
}

만약 인풋q2의 입력값 즉 email이 @을 포함하고있다면

경고창을 띄워라 email을 @으로 나눈 1번째 값 그리고 또 그 1번째 값을  .으로 나눈 0번째 값을

ex) 1234@gmail.com - @으로 나눈 1번째 값 : gmail.com     .으로나눈 0번째 값 : gmail

 

else {
    alert('이메일이 아닙니다!')
}

아니라면 (만약 인풋q2의 입력값 즉 email이 @을 포함하고 있지 않다면) '이메일이 아닙니다!' 라는 경고창을 띄워라

 

어디다가는 ;를 넣고 어디다가는 ;를 안넣는데 그건아직 잘 모르겠다.. 경고뜨면 넣어보지뭐ㅜ.ㅜ

 

let name = $('#input-q3').val();

인풋q3 id의 입력값을 name 이라 하자

if (name == ''){
    alert('이름을 입력하세요!');
    return;
}

name의 값이 ''즉 없다면 

'이름을 입력하세요!'라는 알람이 뜬다

return;은 뭔지 모르겠음 다시? 반복해서 나온다는건가?

 

let temp_html = `<li>${name}</li>`;

temp_html을 입력값 name을 리스트화 시키는 동작이라고 두자(?)

$('#names-q3').append(temp_html);

name-q3태그에 temp_html을 가져다가 붙인다!

$('#names-q3').empty();

name-q3태그에 모든걸 지운다.

 

기본 골격은 아직더 예시를 봐야 익혀질 것 같다.

함수사용해서 원하는 결과가 나오는 건 재밌지만 기본골격때문에 힘들어ㅠㅠ