Quick tool for grabbing calculated font sizes in the browser given an array of classes

getComputedFontSizes.js

function getComputedFontSizes(classNames) {
  const results = {};

  classNames.forEach(className => {
    // Get all elements with the specified class name.
    const elementsWithClass = document.getElementsByClassName(className);

    if (elementsWithClass.length > 0) {
      // Select the first element with the specified class.
      const targetElement = elementsWithClass[0];

      // Get the computed style for the selected element.
      const computedStyle = window.getComputedStyle(targetElement);

      // Get the computed font-size value.
      const fontSize = computedStyle.getPropertyValue('font-size');

      // Store the computed font-size value in the results object.
      results[className] = fontSize;
    } else {
      results[className] = 'Class not found';
    }
  });

  return results;
}

// Example: Replace with an array of class names you want to inspect.
const classNamesToInspect = ['class1', 'class2', 'class3'];

const computedFontSizes = getComputedFontSizes(classNamesToInspect);

// Log the results object to the console.
console.log(computedFontSizes);