- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 −
Published on 03-Oct-2020 13:41:56
- Related Questions & Answers
- HTML DOM console.log() Method
- Can I declare JavaScript variables as specific types?
- How do I format a number as decimal to store it in MySQL?
- How do I pass environment variables to Docker containers?
- How do I declare global variables on Android?
- JavaScript console.log() with Example
- 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 declare a namespace in JavaScript?
- How do I empty an array in JavaScript?
- How do I convert an integer to binary in JavaScript?
- Is it possible to de-structure to already-declared variables? In JavaScript?
- How to declare variables in JavaScript?
- How to name variables in JavaScript?
Advertisements