mylogin.js

// getElementById는 위쪽 태그중에서 id가 btn1인 태그를 찾음
const b1 = document.getElementById('btn1');

b1.addEventListener('click', function() {
    const id = document.getElementById('userid');
    const pw = document.getElementById('userpw');

    if (id.value === "") {
        alert('아이디를 입력하세요.');
        id.focus();
        return false; //벡엔드로 전송 하지 않음
    }

    if ( pw.value === "" ){
        alert('암호를 입력하세요.');
        pw.focus();
        return false; //벡엔드로 전송 하지 않음
    }

    const url = `http://ihongss.com/json/login.json?userid=${id.value}&userpw=${pw.value}`;
    let xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.send();

    xhr.addEventListener('load', function(){
        const data = JSON.parse(xhr.response);
        console.log(data); //{ret:'y'} or {ret:'n'}
        if(data.ret === 'y'){
            alert('로그인 되었습니다.');
            window.location.href = "main.html"; //<a href="main.html">
        }
        else if(data.ret === 'n'){
            alert('아이디 또는 암호를 확인하세요.');
        }
    });
});