JSFiddle - React, Tailwind, and code Playground

by rhernando

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!DOCTYPE html><html lang="fr-FR" class="no-js"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /><link media="all" href="https://thespiritualcat.com/wp-content/cache/autoptimize/css/autoptimize_2766264879d6ad741f368bec0007f2c3.css" rel="stylesheet" /><link media="only screen and (max-width: 768px)" href="https://thespiritualcat.com/wp-content/cache/autoptimize/css/autoptimize_dcb2de333eec7ab4ae31385ed8d6a393.css" rel="stylesheet" /><style media="print">#wpadminbar{display:none}</style><style media="screen">html{margin-top:32px !important}* html body{margin-top:32px !important}@media screen and (max-width:782px){html{margin-top:46px !important}* html body{margin-top:46px !important}}</style><title>Accueil - The Spiritual Cat</title>  <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript">//
	var gtm4wp_datalayer_name = "dataLayer";
	var dataLayer = dataLayer || [];
//</script> <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"/><link rel="canonical" href="https://thespiritualcat.com/fr/" /><meta property="og:locale" content="fr_FR" /><meta property="og:locale:alternate" content="en_US" /><meta property="og:type" content="website" /><meta property="og:title" content="Accueil - The Spiritual Cat" /><meta property="og:description" content="What people are saying" /><meta property="og:url" content="https://thespiritualcat.com/fr/" /><meta property="og:site_name" content="The Spiritual Cat" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:description" content="What people are saying" /><meta name="twitter:title" content="Accueil - The Spiritual Cat" /><meta name="twitter:image"...

JavaScript

$(document).ready(function() {

  const documentLanguage = $("html").attr("lang");
  const facebookLinks = $(".fa-facebook");

  facebookLinks.each(function(index, link) {
    if (documentLanguage === "fr-FR") {
      $(link).parent().attr("href", "https://facebook.com/my-french-site/");
    } else if (documentLanguage === "en-EN") {
      $(link).parent().attr("href", "https://facebook.com/my-english-site/");
    }
  });
});