- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Make JavaScript take HTML input from user, parse and display?
The HTML input value is a string. To convert the string to integer, use parseInt().
Example
Following is the code −
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> <input type="text" id="txtInput" placeholder="Enter a number"> <button type="button" onclick="result();">GetANumber</button> </body> <script> function result() { var numberValue = document.getElementById("txtInput").value; if (!isNaN(numberValue)) console.log("The value=" + parseInt(numberValue)); else console.log("Please enter the integer value.."); } </script> </html>
To run the above program, save the file name “anyName.html(index.html)”. Right click on the file and select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output on console −
Now, enter a value into the text box.
Now press the button, you will get the following output.
This will produce the following output −
The output in console −
- Related Articles
- Get number from user input and display in console with JavaScript
- How to take user input using HTML forms?
- Take Matrix input from user in Python
- Make HTML text input field grow as I type in JavaScript?
- Taking input from the user in Tkinter
- How to create input Pop-Ups (Dialog) and get input from user in Java?
- How do we take password input in HTML forms?
- How to take input in a text widget and display the text in tkinter?
- Python Get a list as input from user
- Java Program to Get Input from the User
- Swift Program to Get Input from the User
- Haskell program to get input from the user
- Execute a script when the element gets user input in HTML?
- Parse JSON in JavaScript to display a specific name/value pair?
- How to get Input from the User in Golang?

Advertisements