버튼 클릭시 창 띄우기

SONA·2021년 12월 2일
0

HTML & CSS

목록 보기
4/9
<script>
    /*var : 변수 선언 / userld : 변수 이름 / "~" : 값*/
    var userId = "fintech";
    var userPw = "1234";
 
    /*[] : 대괄호 / {} : 소괄호 / {~} : ~는 입력 값*/
    /*function : 공통된 기능을 수행하는 것*/
    /*function() : 이름이 없으므로 '익명함수'라고 불림*/
    /*↓ form 첫번째(0)를 실행하면 onsubmit해서 불리게 하는 것*/
    document.getElementsByTagName("form")[0].onsubmit = function() {
    
        /*화면에서 입력한 데이터를 가져와서 변수에 대입*/
        var inputId = this.id.value;
        var inputPw = this.pw.value;
   
        /*= : 대입
        == : 같다
        \\ : or 양쪽의 조건이 다르면 True인 값만 나타남
        && : 양쪽의 조건이 같으면 True, 한쪽이라도 다르면 False
        inputId와 입력한 값이 같고, inputPw이 같을때*/
        if(inputId == userId && inputPw == userPw){
            /* alert : 경고창을 띄운다*/
           alert("로그인 성공")
        } else {
           alert("아이디나 비밀번호 오류입니다!")
        }
    /*getElementById() : 함수*/
    document.getElementById("inputId").textContent = inputId;
    document.getElementById("inputPw").textContent = inputPw;

    /*return false;를 안쓰면 실행이 안됨*/
    return false;
    }
</script>

0개의 댓글