JSFiddle - React, Tailwind, and code Playground

by Felype Rennan

HTML

<div class="language-base" lang="pt-BR">
<span cass="posted-at"></span>
<span class="read-more"></span>
</div>

<button id="btn-english">English</button>
<button id="btn-portuguese">Portugues</button>

SCSS

.language-base[lang=pt-BR] {
  .read-more:before {
    content: "Leia mais";
  }
}
.language-base[lang=en] {
  .read-more:before {
    content: "Read more";
  }
}

JavaScript

$("#btn-english").click(function(e) {
	$(".language-base").attr("lang", "en");
});
$("#btn-portuguese").click(function(e) {
	$(".language-base").attr("lang", "pt-BR");
});