Таймер обратного отсчета с классом, а не идентификатором

Как я могу заставить этот код работать

<a href = "downloadFile.zip" class = "button">Download the file...</a>

с участием

    var downloadButton = document.getElementsByClassName("button");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "You can download the file in 10 seconds.";
var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if (counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
    }
}, 1000);

Я не хочу добавлять id = "download"

Помогите, пожалуйста. кто-нибудь может мне помочь? Пожалуйста, мне нужна твоя помощь. Спасибо