How To Get Current Html Page Title With Javascript

Today, we are going to dive into a common question that many developers encounter: How to get the current HTML page title using JavaScript. This handy trick can be quite useful if you need to manipulate or display the title of a web page dynamically, based on user interactions or other events on the page.

To achieve this, we can leverage the power of JavaScript's Document Object Model (DOM) to access and retrieve the current page title. The `document.title` property comes to the rescue here. This property allows us to fetch the title of the current HTML page with a few simple lines of code.

Here's a snippet demonstrating how to use JavaScript to retrieve the current page title:

const currentPageTitle = document.title;
console.log('Current Page Title:', currentPageTitle);

In the code snippet above, we are accessing the `document.title` property and storing the current page title in a variable called `currentPageTitle`. You can then use this variable to perform any further operations with the title as needed in your JavaScript code.

If you want to display the current page title on your web page itself, you can easily achieve that by manipulating the DOM elements using JavaScript. For instance, you can update a specific `

<title>My Website</title>
  
    const currentPageTitle = document.title;
    document.getElementById('pageTitle').textContent = currentPageTitle;
  


  <div id="pageTitle"></div>