JS Login System – TrueCodes

OVERVIEW https://codepen.io/guldus/pen/KYBYXj https://codepen.io/guldus/pen/KYBYXj Github: https://github.com/Furkan-Gulsen/HTML-CSS-JAVASCRIPT/tree/master/JS%20CLASS%20-%20Login%20System HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CARD GAME</title> <link rel="stylesheet" type="text/css" href="/main.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div id="login_table"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-user"></i></span> </div> <input type="text"... Continue Reading →

Preview: https://codepen.io/guldus/pen/vPqKvB?editors=1010 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){... Continue Reading →