Блог

Я пытаюсь отобразить в HTML дни недели на разных языках, в зависимости от выбранного языкового параметра, затем нажмите кнопку «Вычислить», должны отображаться дни справа внутри тега label. Но не все идет по плану…

Довольно долго искал это в Интернете, придумал несколько вещей, которые помогли мне, но не совсем на 100%…

 <form style="margin-bottom: 30px;">
    <label>Select language:</label>
    <select class="lang">
       <option value="en">En</option>
       <option value="ro">Ro</option>
       <option value="fr">Fr</option>
    </select>
    <label class="showDays"></label>
    <br>
    <button type="button" onClick="displayLang()">Compute</button>
    <button type="reset" onClick="resetLang()">Reset</button>
</form>



window.displayLang = function()  {

    let date = new Date();
    date.setDate(date.getDate()   7);
    let days = date.getDay();

    let week = [];

    let lang = document.getElementsByClassName("lang")[0].value;
    let allDays = document.getElementsByClassName("showDays");

    if(lang[0].value = "en")    {

        week.push(days);

        allDays[0].innerHTML = week;

    }

    if(lang[0].value = "ro")  {

        week.splice(0, 0, "Luni", "Marti", "Miercuri", "Joi", "Vineri", "Sambata", "Duminica");

        allDays[0].innerHTML = week;

    }

    if(lang[0].value = "fr")    {

        week.splice(0, 0, "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche");

        allDays[0].innerHTML = week;

    }

}

window.resetLang = function()    {
    document.getElementsByClassName("showDays")[0].innerHTML = "";
}
  

Очевидно, что если я выберу опцию «En», дни должны отображаться на английском языке, если я выберу опцию «Ro», дни должны отображаться на румынском, если я выберу опцию «Fr», дни должны отображаться на французском. Вместо этого я получаю сейчас: Lundi,Mardi,Mercredi,Jeudi,Vendredi,Samedi,Dimanche,Luni,Marti,Miercuri,Joi,Vineri,Sambata,Duminica,3 /////
Я просто не понимаю, откуда берется «3»… Я здесь не за цифрами! Также, по-видимому, я мог бы решить эту проблему, используя регистр переключения в JavaScript… Я просто не знаю, как я мог бы это сделать…

1. Вы должны использовать двойное равенство == вместо единицы = в условном if выражении .

2. Вам также необходимо добавить else оператор.

3. Вам нужно изменить lang[0].value на lang вместо.

 window.displayLang = function() {
  let date = new Date();
  date.setDate(date.getDate()   7);
  let days = date.getDay();
  let week = [];
  let lang = document.getElementsByClassName("lang")[0].value;
  let allDays = document.getElementsByClassName("showDays");

  if (lang == "en") {
    week = ["Monday", "Tuesday", "Thursday", "Wednesday", "Friday", "Saturday", "Sunday"].join(', ');
    allDays[0].innerHTML = week;
  } else if (lang == "ro") {
    week= ["Luni", "Marti", "Miercuri", "Joi", "Vineri", "Sambata", "Duminica"].join(', ');
    allDays[0].innerHTML = week;
  } else if (lang == "fr") {
    week = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"].join(', ');
    allDays[0].innerHTML = week;
  }
}

window.resetLang = function() {
  document.getElementsByClassName("showDays")[0].innerHTML = "";
}  

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form style="margin-bottom: 30px;">
  <label>Select language:</label>
  <select class="lang">
    <option value="en">En</option>
    <option value="ro">Ro</option>
    <option value="fr">Fr</option>
  </select>
  <br>
  <label class="showDays"></label>
  <br>
  <button type="button" onClick="displayLang()">Compute</button>
  <button type="reset" onClick="resetLang()">Reset</button>
</form>