Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (1)

Наибольший вклад в теги

Все теги (3)

Лучшие ответы пользователя

Все ответы (4)
  • Как сделать мультиязычный сайт на чистом JS?

    @Denis_8106 Автор вопроса
    Нашел такое решение:
    html
    <body>
      <div class="lang df">
        <button value="en" class="active" id="lang-en">EN</button>
        <button value="ru" id="lang-ru">RU</button>
      </div>
    
      <div class="title">
        <h1 class="lng-h1">Text</h1>
        <button class="btn lng-btn">Learn more</button>
      </div>
    
      <script src="app.js"></script>
    </body>

    js
    const langArr = {
    	h1: {
    		en: 'Text',
    		ru: 'Teкст',
    	},
    
    	btn: {
    		en: 'Learn more',
    		ru: 'Узнать больше',
    	},
    };
    
    document
    	.querySelectorAll('.lang button')
    	.forEach((b) => b.addEventListener('click', setLang));
    
    function setLang() {
    	for (let key in langArr) {
    		let elem = document.querySelector('.lng-' + key);
    		if (elem) {
    			elem.innerHTML = langArr[key][this.value];
    		}
    	}
    }
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (16)