netflix

 avatar
unknown
javascript
a year ago
1.9 kB
16
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Form Handling</title>
</head>
<body>
    <form id="myForm">
        <label for="email">Email address:</label><br>
        <input type="email" id="email" name="email" required><br>
        <input type="submit" value="Get Started">
    </form>

    <script>
        const form = document.getElementById('myForm');

        form.addEventListener('submit', (event) => {
            event.preventDefault();

            const emailInput = document.getElementById('email');
            const emailValue = emailInput.value;

            console.log(`Email address: ${emailValue}`);
        });
    </script>
</body>
</html>
This code creates a simple form with an email input and a submit button. The JavaScript code listens for the form submission event, prevents the page from refreshing, retrieves the email input value, and logs it to the console. This is a basic example, and you can further customize it to fit your specific needs.

Is this conversation helpful so far?



<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScript Form Handling</title> </head> <body> <form id="myForm"> <label for="email">Email address:</label><br> <input type="email" id="email" name="email" required><br> <input type="submit" value="Get Started"> </form>
Edit
Download
Copy code
<script>
    const form = document.getElementById('myForm');

    form.addEventListener('submit', (event) => {
        event.preventDefault();

        const emailInput = document.getElementById('email');
        const emailValue = emailInput.value;

        console.log(`Email address: ${emailValue}`);
    });
</script>
Editor is loading...
Leave a Comment