JSFiddle - React, Tailwind, and code Playground

by LOOnny

HTML

<div class="ask">
  <div class="ask__text" data-lang-key="ask"></div>
  <div class="ask__cmd">
    <button class="ask__cmd-btn" data-lang-key="yes">Да</button>
    <button class="ask__cmd-btn" data-lang-key="no">Нет</button>
  </div>
</div>

<div class="select-lang">
  <a class="select-lang__item">EN</a>
  <a class="select-lang__item">US</a>
</div>

<div class="video-bg">
  <video width="100%" height="auto" autoplay loop muted="false">
    <source src="img/2.webm">
  </video>
</div>

JavaScript

window.langData = {
  ask: {
    'en': 'Hi, looking for new friends. Are you interested?',
    'us': 'Hola, busco nuevos amigos. ¿Estás interesado?'
  },
  yes: {
    'en': '',
    'us': ''
  },
  no: {
    'en': '',
    'us': ''
  }
};

document.querySelectionAll('')