timeZones

by Евгений

HTML

<div class="result"></div>

CSS

td,
th {
  border: 1px solid rgb(190, 190, 190);
  padding: 10px;
}

td {
  text-align: center;
}

tr:nth-child(even) {
  background-color: #eee;
}

th[scope="col"] {
  background-color: #696969;
  color: #fff;
  cursor: pointer;
}

th[scope="row"] {
  background-color: #d7d9f2;
}

caption {
  padding: 10px;
  caption-side: bottom;
}

table {
  border-collapse: collapse;
  border: 2px solid rgb(200, 200, 200);
  letter-spacing: 1px;
  font-family: sans-serif;
  font-size: .8rem;
  width: 100%;
  margin-bottom: 10px;
}

JavaScript

const tzs = ['America/Caracas', 'Asia/Hong_Kong', 'Asia/Irkutsk', 'Africa/Algiers', 'Atlantic/Azores', 'America/Guatemala', 'Asia/Tehran', 'Asia/Damascus', 'America/Managua', 'Asia/Baghdad', 'Asia/Magadan', 'America/Costa_Rica', 'Asia/Jerusalem', 'Africa/Tunis', 'America/Montevideo', 'Asia/Amman', 'SST', 'Australia/Sydney', 'America/Denver', 'Pacific/Noumea', 'Asia/Kathmandu', 'Asia/Kuala_Lumpur', 'Asia/Qatar', 'America/Halifax', 'Asia/Kamchatka', 'Europe/Lisbon', 'America/La_Paz', 'Africa/Nouakchott', 'Asia/Yakutsk', 'Europe/Kiev', 'America/Argentina/Buenos_Aires', 'Europe/Berlin', 'America/Juneau', 'Atlantic/Reykjavik', 'Asia/Beirut', 'America/Guyana', 'America/St_Johns', 'Africa/Johannesburg', 'Etc/Greenwich', 'America/Indianapolis', 'UTC', 'America/Bogota', 'Pacific/Port_Moresby', 'America/Regina', 'Europe/Paris', 'Pacific/Midway', 'Asia/Bahrain', 'Europe/Copenhagen', 'Africa/Mogadishu', 'Australia/Adelaide', 'Europe/Prague', 'Asia/Saigon', 'Australia/Hobart', 'Asia/Krasnoyarsk', 'Asia/Nicosia', 'America/Anchorage', 'Africa/Tripoli', 'Asia/Tokyo', 'Europe/Amsterdam', 'America/Winnipeg', 'Europe/London', 'Europe/Stockholm', 'America/Santiago', 'America/Panama', 'Europe/Istanbul', 'Asia/Tashkent', 'Africa/Khartoum', 'America/Puerto_Rico', 'Asia/Jakarta', 'Pacific/Pago_Pago', 'Atlantic/Cape_Verde', 'America/Chicago', 'Europe/Oslo', 'Europe/Zurich', 'Europe/Luxembourg', 'Australia/Darwin', 'Pacific/Auckland', 'Asia/Calcutta', 'Europe/Bucharest', 'America/Sao_Paulo', 'America/Monterrey', 'America/Los_Angeles', 'Africa/Bangui', 'America/Chihuahua', 'America/Tijuana', 'Africa/Cairo', 'America/Vancouver', 'Pacific/Fiji', 'Asia/Taipei', 'Europe/Warsaw', 'Asia/Kuwait', 'Africa/Nairobi', 'Asia/Dhaka', 'Asia/Novosibirsk', 'America/Araguaina', 'Asia/Rangoon', 'CET', 'Europe/Rome', 'America/Edmonton', 'America/Godthab', 'Europe/Moscow', 'Europe/Vienna', 'Africa/Djibouti', 'Europe/Helsinki', 'Europe/Sofia', 'Europe/Minsk', 'Asia/Baku', 'Canada/Atlantic', 'Asia/Vladivostok',...