Javascriptで毎月画像が変わる実装方法に関して

Question

前提・実現したいこと

サイト上のバナーを、毎月1日のAM0:00に月ごとの画像に変わり、リンク先も変わるという仕組みをJavascriptで実装したいです。
色々とググってみたのですが、中々実装のイメージが掴めずご相談させて頂きました。
LPサイト内にあるキャンペーン用のバナーの画像が毎月変わって、バナーのリンク先も変わるようなイメージです。

発生している問題・エラーメッセージ

該当のソースコード

document.getElementById('img');

const image =[01,02,03,04,05,06,07,08,09,10,11,12];
for(let i =1; 1<= image.length; i++){
function('onload'=>{
img.innerHTML(<img src="[i].jpg">
})

試したこと

リンク先のURLなどもどう実装するべきかいまいち分からずにおります。
色々と足りていないと思うのですが、ご指導いただけると幸いです。
宜しくお願い致します。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[maisumakun]

なぜJavaScriptで行う必要があるのでしょうか？

サーバサイドのほうが適切かもしれません。

Answer 1

月を取得した定数を作成
https://www.javadrive.jp/javascript/date_class/index8.html
定数と同名の画像をフォルダにいれる。
jpg使っているようなので
imgのsrcを定数.jpgに書き換える。

あとの実装はリンク先をどう変えたいかが不明ですが
上記の応用でどうとでも出来そうです。

Answer 2

かなり雑ですがこんな感じですか？

<a href="" id="link_a"><img src="" id="banner"></a>

<script> const image =["1","2","3","4","5","6","7","8","9","10","11","12"];//月ごとの画像を連番で用意 const link_to =["https://yahoo.co.jp/","https://google.com/","URL","URL","URL","URL","URL","URL","URL","URL","URL","URL"];//月ごとのリンク先 window.onload=function(){ hiduke=new Date(); month = hiduke.getMonth()+1; banner.src=""+image[month]+".jpg";//月ごとの画像の表示 link_a.href=link_to[month];//月ごとのリンク先の設定 } </script>

Comments

[yambejp]

「01」的な整数の前に0をつける書き方は慎むべきです
それは8進数の考え方です
010＝8