JavaScript Console.Log()

• Ahrefs: Comprehensive SEO Tools and Resources
• Google Trends: Analyze and Explore Popular Search Queries
• Google Analytics: Data Analysis and Reporting for Websites
• Backlinko: Guide to Understanding and Building Quality Backlinks

How to use console.log() in most browsers

1. treesinfo.netlify.app
2. open a browser
3. right click > click inspect
4. look for console and click that
5. type console.log('Hello, World!') or code below

count how many links on a page

const links = document.querySelectorAll('a');
const numberOfLinks = links.length;
console.log(`There are ${numberOfLinks} links on this page.`);
        

There are 486 links on this page.

get document title for the current page

const title = document.title;
console.log(`Page title: ${title}`);
    

Page title: How to study

Meta description

const metaDescription = document.querySelector('meta[name="description"]').content;
console.log(`Meta description: ${metaDescription}`);
    

Meta description: Dr. Vini Gora is a professional vocalist. She is a commercial contemporary singer based in Los Angeles. Her music is a beautiful blend of Classical & contemporary sounds.

canonical link

const canonicalLink = document.querySelector('link[rel="canonical"]').href;
console.log(`Canonical link: ${canonicalLink}`);
    

Canonical link: https://kironroy.dev/

get first and last paragraph

const paragraphs = document.querySelectorAll('p');
console.log(`First paragraph: ${paragraphs[0].textContent}`);
console.log(`Last paragraph: ${paragraphs[paragraphs.length - 1].textContent}`);
    

First paragraph: Dr. Vini Gora, a New Delhi-born vocalist now residing in Los Angeles, is a classically trained singer with a PhD in Hindustani classical music. She is a disciple of Pt. Balmiki Sharma [disciple of Ustad Ghulam Hussain Khan of Rampur Sehaswan Gharana and Pt. Kundan Lal Sharma Bhoot of Patiala Gharana]. Last paragraph: click/tap to call

Last paragraph: click/tap to call

Basic page structure

const sections = document.querySelectorAll('section');
const headers = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
const paragraphs = document.querySelectorAll('p');
console.log(`Total number of sections: ${sections.length}`);
console.log(`Total number of headers: ${headers.length}`);
console.log(`Total number of paragraphs: ${paragraphs.length}`);