Sprache wechseln HTML CSS JS

Morta

Hallo Liebe Gemeinde!

Hier sollte mein 3 sprachiger Code zum Zug kommen

https://www.viajesdelsuizo.com/index_multi.html

Hier ist die Grundlage im HTML

https://www.viajesdelsuizo.com/

Nun löscht diese Zeile im main.css alle Felder die mit class="lang es de en" getagt sind wie kann ich machen, dass es mir es die Browsersprache anzeigt

https://www.viajesdelsuizo.com/assets/css/main.css

Code

/* Im Style werden alle .lang-Elemente erstmal ausgeblendet. */
	.lang{
    	display: none;
	}
/* und die Aktuelle Sprache wird eingeblendet */
	#lang-de .de,#lang-en .en,#lang-es .es {
   	 display: block;
	}

Hier noch das Javascript für die automatische Sprachewahl

Code

//Das Javascript so einfach wie MÃ¶glich
var language = window.navigator.userLanguage || window.navigator.language;
// Browser-Sprache auslesen
if(language.indexOf('es') !== -1) {
	testsprache = 'es';
 if else{
	testsprache = 'de';
 	}	
   if else{
   testsprache = 'en';
   } 
}
// Browser-Sprache an den Header anhÃ¤ngen
$('header').attr( "id",'lang-'+testsprache);
// Sprache wechseln (hier mit jquery auf bestimmte Links)
$(".languageswitcher").on('click',function(e){
	e.preventDefault();
$("header").attr( "id",'lang-'+$(this).attr('lang'));
});

Alles anzeigen

Wer kann mir helfen?

Vielen Dank

Tags