220413 - JQuery

• JavsScript를 미리 작성해둔 것 (라이브러리)
• class가 대신 id 사용
• $('#').val - id안에 value를 가져옴

• 버튼을 누르면 열고 닫기

function open_box(){
            $('#post-box').show()
        }
        function close_box(){
             $('#post-box').hide()
        }

• 입력할 글자로 얼럿 띄우기, 빈칸이면 입력하세요 띄우기

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

• 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기, 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기, 이메일 도메인만 얼럿 띄우기

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

• 입력한 값 나오게 하기

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

• 지우기

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

• val() 뒤에 {}(중괄호)를 붙여야되는지 alert뒤에 붙여야되는지 헷갈렸다
• 문장 에서 일부를 추출할때 split을 사용하면 된다
• 입력한 값을 나오게 할 때 temp_html, 지울 때 function q3()에 입력해서 작동이 되지 않았다. function remvoe()로 시작해야 된다.