Typed.js w różnych wersjach językowych

0

Cześć!
Dopiero uczę się JS. Chciałabym osiągnąć efekt tekstu pisanego na maszynie z pomocą typed.js. Problem polega na tym, że nie umiem stworzyć warunków dla różnych wersji językowych, czyli:

  • żeby po wybraniu wartości "en" string miał postać "Some English text!",
  • natomiast po wybraniu "pl", "Tekst po polsku" .
    Czy ktoś mógłby coś podpowiedzieć?

HTML:

<select id="change-language" class="btn btn-outline-light">
   <option value="en" >EN </option>
   <option value="pl"> PL</option>

             
<span id="typed">
        < h1 data-lang="en"> Some English text! </h1>
        <h1  data-lang="pl">Tekst po polsku!</h1>
  </span>

JS:

new Typed('#typed',{
  strings : ['...'],
  typeSpeed : 60,
  delaySpeed : 100,
  loop : false,
});
1

W js, wybierasz id zamiast klasy, jest:

new Typed('#typed',{

a powinno być

new Typed('.typed',{

0

Dzięki! Poprawione.
Nadal pisany jest cały tekst. Co zrobić, żeby wyskakiwał tylko po angielsku, lub tylko po polsku?

0

Można modyfikując stringi w js.

Natomiast na podstawie tego co już jest, można przy pomocy CSS (nie należy tak robić) na przykład:

*:lang(pl)[data-lang="pl"],*:lang(en)[data-lang="en"]{
  display: block;
}
*:lang(pl)[data-lang="en"],*:lang(en)[data-lang="pl"]{
  display: none;
}
0

Jasne, tyle, że nie umiem napisać warunku, że jesli data-lang to "en", wówczas string ma postać "Some English text", a jeśli data-lang to "pl", string będzie brzmiał "Tekst po polsku".

1 użytkowników online, w tym zalogowanych: 0, gości: 1