<title>Languages</title>

<div class="main">
    <h1>Hello people</h1>
    <p> This tekst will change language if you press the button </p>

<button onclick="toggleLanguage()">change language en/tr</button>

<script> const mainDiv= document.querySelector(".main"); const title= mainDiv.querySelector("h1"); const tekst= mainDiv.querySelector("p"); function updateText() { if (document.documentElement.lang === "en") { title.textContent= "Hello people"; tekst.textContent= "This tekst will change language if you press the button"; } else if (document.documentElement.lang === "tr") { title.textContent= "Selam millet"; tekst.textContent= "Dugmeye basarsan bu cumle dil degistirecek" } } function toggleLanguage() { if (document.documentElement.lang === "en") { document.documentElement.lang = "tr"; } else { document.documentElement.lang = "en"; } updateText(); } updateText(); </script>