Officelite coming soon site

What are you most proud of, and what would you do differently next time?

Hi here is my solution for Officelite-coming-soon-site. I used HTML, CSS , JS.

What challenges did you encounter, and how did you overcome them?

It was a complete challenge to do with different theme.

First, it was to create a select from scratch and have it work like a default one. I made it in HTML, CSS, JS and MDN Form helped me a lot.

I used the choice you can make with the 3 different subscription and used it on the next page to have an automatic choice on the select.

const url = window.location.href;
const regex = /plan=/;
let whichPlan = url.split(regex);
whichPlan = whichPlan.pop();

selectDefault.value = selectDefault[0].value;
inputSelectCustom.innerHTML = `${selectDefault.value} Pack Free`;

For the validty of the form I used

if(!myForm[i].validity.valid)

Finally create a timer which display every second down to the final date

setInterval( () => {
    minutes = Math.floor(((releaseDate - new Date()) % (1000 * 60 * 60)) / (1000 * 60));
    secondes = Math.floor(((releaseDate - new Date()) % (1000 * 60)) / (1000));
    arrayTimer[2] = minutes;
    arrayTimer[3] = secondes;
    setTimer.forEach((item, index) => {
    item.innerText = `${arrayTimer[index]}`;
    });
}, 1000);

What specific areas of your project would you like help with?

Feel free to leave any comments or suggestion to improve the code .

Thanks.