document.writeを使わず毎月○○日（複数）に指定したhtmlを表示したい

Question

★実現したいこと
はじめまして
友人が経営する喫茶店のサイトを作っています。
htmlとcssは一生懸命勉強したのですが、jsがちんぷんかんぷんで助言をいただきたいです。

毎月5日、15日、25日ドリンク50円引きをやっていまして、
そのキャンペーンの日のみ表示させたい要素があります。

<div id="test"> <a herf="リンク"><img src="画像"></a> </div>

・HTML5でコーディングを行っているためdocument.writeは使わないとする
・毎月5日 15日 25日 のみ表示する
・当てはまらないなら何も表示しない、
あるいはcssでいうと、display:none;の状態。

詳細：
時間は端末の時刻、いずれも時間は00:00～23:59
あんまりこだわっていませんが…日付が変わる時間に表示したいです。
常に時間を監視？して表示切替をするのではなく、
あくまでもアクセスしてロードした時点での時間が当日なら表示という具合にしたいです。

つたない文章で申し訳ございませんが、先輩たちよろしくお願いいたします

Answer 1

こういう手段もあります。

<div id="test"></div>
<script>
document.addEventListener( 'DOMContentLoaded', function() {
	var d = new Date();
	// if ( d.getDate() % 5 ) { return; } // ミス
	if ( d.getDate() % 10 !== 5 ) { return; } // こちらが正しい
	document.getElementById( 'test' ).innerHTML = '<a herf="リンク"><img src="画像"></a>';
} );
</script>
```**動くサンプル：**[https://jsfiddle.net/yfm3u1hr/1/](https://jsfiddle.net/yfm3u1hr/1/)

Comments

[退会済みユーザー]

if ( d.getDate() % 10 !== 5 ) { return; }
ではありませんか？

[退会済みユーザー]

大変わかりやすいご回答をありがとうございます。
document.writeの代わりにinnerhtmlが代替になると聞いていたのでご回答いただけてうれしかったです。

[kei344]

To: Kosuke_Shibuyaさん
すみません、そうです。ご指摘ありがとうございます。
回答も修正しておきます。

To: ran_rin_ronさん
すいません、修正版を使ってください。

Answer 2

var date = new Date(),
    day = date.getDate();

document.getElementById('test').style.display = (day%10 == 5)? block : none;