create-parcel-static/templates/templates-script/typescript.ts

Project builder for creating static sites based Parcel

const getColor = (): string =>
  `#${Math.floor(Math.random() * 16777215)
    .toString(16)
    .padStart(6, '0')}`;

const colorize = (): void => {
  const btn = document.getElementById('btn');
  btn?.addEventListener('click', () => {
    document.documentElement.style.setProperty(
      '--head-color-start',
      getColor(),
    );
    document.documentElement.style.setProperty('--head-color-end', getColor());
  });
};

window.addEventListener('DOMContentLoaded', colorize);