Adding MathJax to HTML header

In order to show mathematic equations on webpages, one can take advantage of the MathJax library. In this site, we used Drupal CMS and had installed the JS and CSS Asset Injector module. We can ask Drupal to load MathJax library upon each document load. Typically, in JS Asset Injector, we can add the following code to ensure that MathJax is loaded. 

(function () {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src  = "https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js";
  document.getElementsByTagName("head")[0].appendChild(script);
})();

Can you see an equation properly below?

The formula for speed is: \(v = \frac{d}{t}\) where:

• \(v\) is speed
• \(d\) is distance
• \(t\) is time

Or in block mode:

$$\text{Speed} = \frac{\Delta \text{distance}}{\Delta \text{time}}$$

The above nice equation is actually created by the following LaTeX code:

The formula for speed is: \(v = \frac{d}{t}\)
Where:
\(v\) is speed
\(d\) is distance
\(t\) is time
Or in block mode:
$$\text{Speed} = \frac{\Delta \text{distance}}{\Delta \text{time}}$$