Многоязычный с HTML CSS и Javascript | Что я делаю неправильно? - PullRequest
Новая
       13

Многоязычный с HTML CSS и Javascript | Что я делаю неправильно?

0 голосов
/ 06 марта 2019

Я хочу сделать простую страницу доступной только на двух языках.Немецкий и английский.Но, похоже, это не работает.

Вот код HTML. 

<p>
        <a href="#eng" data-reload>English</a>
        <a href="#de" data-reload>Deutsch</a>
      </p>
      <div>
         <h1 class="title-1">Yannick</h1>
      </div>
        <details open class="title-1">
          <summary style="outline: none;" class="hi">About Me</summary>
        </details>

А вот код JavaScript. 

var dataReload = document.querySelectorAll("[data-reload]");

  var language = {
    eng: {
      welcome: "About me"
    },
    de: {
      welcome: "Ãœber mich"
    }
  };

  // define language via window hash
  if (window.location.hash) {
    if (window.location.hash === "#de") {
      hi.textContent = language.de.welcome;
    }
  }

  for (i = 0; i <= dataReload.length; i++) {
    dataReload[i].onclick = function() {
      location.reload(true);
    }
  }

Я получаю этоошибка (консоль): 

    Uncaught TypeError: Cannot set property 'onclick' of undefined
    at lang.js:20
(anonymous) @ lang.js:20

Что я делаю не так?Пожалуйста, дайте нам вместе найти решение.

...