Перенос Javascript кода и HTML файла в отдельный файл.JS

Всем доброе время суток.
Прошу умельцев помочь мне, перенести js код который прописывается в html файле в отдельный файл,
а уже в сам HTML файле прописывать ссылку на js файл с кодом.

1) Вот сам js код который мне нужно отделить.

<script language="javascript" type="text/javascript">

(function($){
  $(function(){
    var dt    = new Date();
    var date  = (dt.getMonth()+1 < 10 ? '0' : '');
      date += (dt.getMonth()+1);
      date += '-';
      date += (dt.getDate() < 10 ? '0' : '');
      date += (dt.getDate());
 
    var src = 'prazdnik/' + date + '.png';
   
    var image = new Image();
      image.src = src;
   
    $(image).on("load", function(){
      $("#ImageHoliday").attr('src', src);
    });
  });
})(jQuery);

</script>
 



2) вот что прописывалось для показа

<img height="350" width="550" src="default.png" id="ImageHoliday" border="0">
 


Повторюсь )
1 - нужно переместить в файл .js

2 - нужно что то прописать добавочно для того что бы считывал действие с файла .js

Заранее спасибо за помощь.

P/s В PHP не подходит к сожалению.
Тля тех кто просто поспамить Вам не сюда!!!
НЕ собираетесь помогать НЕ мешайте тем кто помогает!!!

1 ответов


Учимся использовать встроенные функции языка:


var dt = new Date();
var src = 'prazdnik/' + dt.format('mm-dd') + '.png';
 

Это в 4-м классе все знают!
Перед тем как задавать такие вопросы гуглите, это самые первые вещи что нужно знать!


<script language="javascript" type="text/javascript"src="название_файла.js"></script>
 
с содержимым

(function($){
  $(function(){
    var dt    = new Date();
    var date  = (dt.getMonth()+1 < 10 ? '0' : '');
      date += (dt.getMonth()+1);
      date += '-';
      date += (dt.getDate() < 10 ? '0' : '');
      date += (dt.getDate());
 
    var src = 'prazdnik/' + date + '.png';
   
    var image = new Image();
      image.src = src;
   
    $(image).on("load", function(){
      $("#ImageHoliday").attr('src', src);
    });
  });
})(jQuery);
 

На сколько я понимаю еще нужно что то тут поменять для того что бы ссылалось на тот самый скрипт.


<img height="350" width="550" src="default.png" id="ImageHoliday" border="0">
 

Но вот что не как не пойму, смотрел на другие скрипты, не получалось.

Причина обнаружена, забыл добавить картинку праздничного дня на котором проверял.
Всем спасибо, все заработало, разделить скрипт от htmlа получилось.