Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Ryan Bucci
Ryan Bucci
7,553 Points

JS for Contact Form Not Working?

(question was answered)

1 Answer

Luke Pettway
Luke Pettway
16,593 Points

You are assigning the value of the page on load before the input has a value, if you move your assignment for the form input value further down into your event listener, it will always grab the current value instead of the value on init:

let contactBtn = document.getElementById('Form-submit');
let contactFormGrouping = document.getElementById('myForm');

contactBtn.addEventListener('click', function recaptchaCheck(e) {

let numberInput = document.getElementById('contact-number').value;

numberInput = parseInt(numberInput, 10);
    if (numberInput !== 13) {
        e.preventDefault();
        alert('Please answer the question in the contact form correctly.');
    } else {
        return true;
    }
});

When you use parseInt() you should always specify a radix to prevent other edge cases as well: numberInput = parseInt(numberInput, 10);

Specific details for why can be found here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt

Ryan Bucci
Ryan Bucci
7,553 Points

This solved it!! Thank you so much for your help!