Add Translation script (testing)

This commit is contained in:
malik 2024-01-24 20:16:42 +01:00
parent 36a7845c88
commit a68ac4471e
2 changed files with 21 additions and 9 deletions

View file

@ -10,6 +10,7 @@
<body>
<div class="container">
<div class="navbar">
<img src="webicons/logo.png" class="logo">
@ -22,15 +23,13 @@
</ul>
</nav>
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
<a href="#ger"><img src="webicons/ger.png" id="lang"></a>
<a href="#ger" data-reload><img src="webicons/ger.png" id="lang"></a>
</div>
<div class="row">
<div class="col-1">
<h1>Hallo Internet!</h1>
<h2>Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.</h2>
<p> </p>
<h2>Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)</h2>
<h1 id="welcometitle">Hello Internet!</h1>
<h2 id="welcome">I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)</h2>
</div>
<div class="col-2">
<img src="webicons/foto.png" class="fotovonmir">
@ -66,6 +65,8 @@
</script>
<script src="js/lang.js"></script>
</body>
</html>

View file

@ -1,16 +1,27 @@
var dataReload = document.querySelectorAll("[data-reload]");
var language = {
eng: {
welcometitle: "Hello Internet!",
welcome: "I'm Malik, some guy on the web who's learning to code. <br> Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)"
welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)"
},
ger: {
welcometitle: "Hallo Internet!",
welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. <br> Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)"
welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)"
}
};
if(window.location.hash) {
if(window.location.hash == "#ger") {
if(window.location.hash === "#ger") {
welcome.textContent = language.ger.welcome;
}
}
}
for (i = 0; i <= dataReload.length; i++) {
dataReload[i].onclick = function() {
location.reload(true);
};
}