JSFiddle - React, Tailwind, and code Playground

by Miklos Nagy

HTML

<ons-list-item modifier="chevron" tappable id="settings-button" onclick=""> 
        <span class="lang-hu">Beállítások</span>
        <span class="lang-en">Settings</span> 
      </ons-list-item>
      <ons-list-item modifier="chevron" tappable id="push-button" onclick=""> 
        <span class="lang-hu">Hogyan működik?</span> 
        <span class="lang-en">How to Use</span>
      </ons-list-item>

JavaScript

const langResult= navigator.language;
 switch(langResult){
   case "hu-HU":

   break;

   case "de-DE":
    removeLang("lang-en");
   break;
   
   case "en-US":
    removeLang(".lang-hu")
   break;

   default: console.log("We are Default");
 }
 
 

 function removeLang(lang){
   var allElems = document.querySelectorAll(lang);
    for(i=0;i<allElems.length;i++){
      allElems[i].parentNode.removeChild(allElems[i]);
    }
     console.log(langResult);
 }