create an simple login form in javascript


<!DOCTYPE html>
<html>
<head>
    <title>Login Form</title>
</head>
<body>
    <h2>Login Form</h2>
    <form id="loginForm">
        <label for="username">Username:</label><br>
        <input type="text" id="username" name="username"><br>
        <label for="password">Password:</label><br>
        <input type="password" id="password" name="password"><br><br>
        <button type="button" onclick="login()">Login</button>
    </form>

    <script>
        function login() {
            const username = document.getElementById('username').value;
            const password = document.getElementById('password').value;

            // You can add your own authentication logic here
            if (username === 'admin' && password === 'password') {
                alert('Login successful');
            } else {
                alert('Login failed. Please try again.');
            }
        }
    </script>
</body>
</html>
927 chars
31 lines

similar javascript code snippets

generate a web form that stores first name, last name, phone number, address. every row should be displayed in a data table in javascript

obtener todos los campos de tipo input de un formulario html in javascript

generate a web form that stores first name, last name, phone number, and address in javascript

create a page with a name and date field in javascript

create a carousel in html in javascript

render a react calculator in javascript

create a popup dialogue in javascript

render a typeface in javascript

how to change the border of an element in javascript

how to get an element by tag name in javascript

related categories

javascript

html

forms