Задать вопрос

Denis_8106

Ответы пользователя по тегу JavaScript

  • Как сделать всплытие кнопки в слайдре?

    @Denis_8106 Автор вопроса
    Есть такое решение, не скажу что идеальное, но рабочее...
    1) Добавляем в параметры allowTouchMove: false, (для contentSwiper), чтобы не было переключения при клике на левую часть слайдера.
    2) Добавляем код ниже
    const elemLink = document.querySelectorAll('.swiper-wrapper a.btn');
elemLink.forEach((el) => {
  el.addEventListener('click', function(event) {
    location.href = event.target.href;
  });
});
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать мультиязычный сайт на чистом 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];
		}
	}
}
    Ответ написан
    Комментировать
    Комментировать