- 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
How do I console.log JavaScript variables as it relates to DOM?
To display variables on console, use document.getElementById(“”).
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="printTheData" value="My Name is David"> </body> <script> const data = document.getElementById("printTheData"); console.log(data); </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
The output is as follows −
Output in the console −
- Related Articles
- HTML DOM console.log() Method
- Can I declare JavaScript variables as specific types?
- How do I pass environment variables to Docker containers?
- JavaScript console.log() with Example
- How do I format a number as decimal to store it in MySQL?
- How do I declare global variables on Android?
- How do I share global variables across modules in Python?
- How do I declare global variables on Android using Kotlin?
- How do I iterate through DOM elements in PHP?
- Difference between console.dir and console.log in javascript?
- How do I shift from jQuery to core JavaScript?
- How to declare variables in JavaScript?
- How to name variables in JavaScript?
- How do I convert an integer to binary in JavaScript?
- How to pass JavaScript variables to PHP?

Advertisements