FrankFonts

// get the FIRST url parameter
// between the start of query string (? excluded)
// and the first separator  (& excluded)


"use strict";

window.onload = () => {

    // Optional Chaining and Nullish Coalescing

FrankFonts

let tabs = document.querySelector('.tab__links');
let tabsPaddingLeft = parseInt(window.getComputedStyle(tabs, null).getPropertyValue('padding-left'));

FrankFonts

"use strict";

window.addEventListener("load", function () {
  var tabLinks = document.querySelectorAll(".search-results__tab-link");
  var tabs = document.querySelectorAll(".search-results__tab");

  tabLinks.forEach(function (element) {
    element.addEventListener("click", function (event) {
      activateTab(event.target.dataset.tabId);
    });

FrankFonts

<ng-container *ngTemplateOutlet="navigation; context: {classes: 'desktop', label: 'desktop'}"></ng-container>

<ng-container *ngTemplateOutlet="navigation; context: {classes: 'mobile', label: 'mobile'}"></ng-container>

<ng-template #navigation let-classes="classes" let-label="label">
    <div [ngClass]="classes">
        {{ label }}
    </div>
</ng-template>