Javascript: how do I get the value of an input in real time? [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed last year.

Improve this question

I am programming a web page and I have an input where the user must enter a 5-letter word and a button that will use said word for a function, I want the button to be disabled as long as 5 letters have not been entered but I don't know how to do it exactly, so I was thinking that if I could get the value of the input in real time I could try something.

I haven't tried anything yet because I don't know where to start. I know how to disable a button, I just don't know how to get the input value in real time.

In the case you mentioned, a "keypress" event listener would be added to the input, which checks to see if the input contains 5 letters, and if so, activate the button. — James
– James, Commented Mar 4, 2024 at 19:37

hsjeevan · Accepted Answer · 2024-03-04 19:01:38Z

0

HTML

   <input type="text" id="wordInput" placeholder="Enter a 5-letter word">
    <button id="submitButton" disabled>Submit</button>

JS

// Get references to the input field and submit button
const wordInput = document.getElementById('wordInput');
const submitButton = document.getElementById('submitButton');

// Add an event listener to the input field
wordInput.addEventListener('input', function () {
    const inputValue = wordInput.value.trim(); // Remove leading/trailing spaces
    const isValidWord = inputValue.length === 5; // Check if the word has 5 letters

    // Enable or disable the button based on word length
    submitButton.disabled = !isValidWord;
});

answered Mar 4, 2024 at 19:01

hsjeevan

3061 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript: how do I get the value of an input in real time? [closed]

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related