Javascript Salute Show

Question

Доброе утро.

Пожалуйста, я хочу показать приветственное сообщение в зависимости от часов. Пробовал эту функцию автоинициализации, он работает, но независимо от времени, он показывает: «Спокойной ночи». Что я делаю неправильно? Может ли кто-нибудь помочь?

Вот код:

(function(){ 

    function saluteText() { 

     var d = new Date(); 
     var time = d.getHours(); 
     var divInnerHTML = document.querySelector('.name'); 

     if (time < 12) { 
      function addInnerHTML() { 
       divInnerHTML.innerHTML = 'Good morning!'; 
      } 
     } 
     else if (time >=12 && time <18) { 
      function addInnerHTML() { 
       divInnerHTML.innerHTML = 'Good evening!'; 
      } 
     } 
     else if (time >= 18 && time < 24) { 
      function addInnerHTML() { 
       divInnerHTML.innerHTML = 'Good night!'; 
      } 
     } 

     addInnerHTML(); 
    } 
    saluteText() 
})(); 

Answer 1

Я думаю, что это проблема определения ваших функций.

Когда вы определяете функцию в javascript, она помещается поверх области.

Вы определяете функцию три раза, а последняя отображается только. Даже если вы поместите объявление между операторами If, все три будут созданы.

Вы можете попробовать это, удалив последнюю функцию, и вы увидите, что код говорит «Добрый вечер».

В этом случае решение вашей проблемы будет такой подход:

function addInnerHTML(message) { 
    divInnerHTML.innerHTML = message; 
} 

if (time < 12) { 

    addInnerHTML('Good morning!'); 
} 
else if (time >=12 && time <18) { 

    addInnerHTML('Good evening!'); 
} 
else if (time >= 18 && time < 24) { 

    addInnerHTML('Good night!'); 
}