Javascript初心者です。
現在次のようなことがしたいのですが、コードが動かずどなたか知恵をお貸しくださると大変助かります。

・カレンダーの日付（tdに含まれる文字(td class=calendar_td)をクリックした際に、とあるdiv(class=purposeselection)を可視化したい(現段階ではスタイルシートのvisibility=hiddenに設定)

・作ってみたコード
var purpose=document.getElementsByClassName("purposeSelection")
document.addEventListener("click", function(e) {
if(e.target.classList.contains("calendar_td")) {
purpose.style.visibility='visible';
}
})

ですが、動かずどこがいけないのやら、見当がつきません。。。
何卒よろしくお願いします。。。