JS Promise Login System

Preview:

---

Github:https://github.com/Furkan-Gulsen/HTML-CSS-JAVASCRIPT/tree/master/JS%20Promise%20Login%20System

---

HTML

    <div class="container mt-5 border p-3">
        <h2 class="title text-center">LOGIN SYSTEM</h2>
        <input type="text" id="username" class=" my-2 form-control text-center" placeholder="USERNAME">
        <input type="password" id="password" class=" my-2 form-control text-center" placeholder="PASSWORD">
        <button id="but" class="btn btn-danger btn-block">LOGIN</button>
        <div id="result" class="form-block text-center mt-4"></div>
    </div>

---

JavaScript

    $(document).ready(function(){

        $("#but").click(function(){

            let username = $("#username").val(),
            password = $("#password").val();

            const setPromise = new Promise(function(resolve,reject){
                if(username == "truecodes" && password == "codeblogger"){
                    resolve("Welcome " + username );
                }else{
                    if(username == "truecodes" && password != "codeblogger"){
                        reject("You entered the password incorrectly.")
                    }
                    else if(username != "truecodes" && password == "codeblogger"){
                        reject("You entered the username incorrectly.")
                    }else{
                        reject("Please check your username and password again.")
                    }
                    
                }
            })

            setPromise.then(function(message){
                alert(message);
            }).catch(function(a){
                alert(a)
            })
        })

    })