Share your repls and programming experiences

← Back to all posts
My online countdown
Cooolcoder (86)

For the past few days, I have been working on this countdown. I spent over 7 hours working on my project, and this project is my biggest yet. It is mobile friendly and I will add more countdowns to this website soon!

Features

3+ countdowns with milliseconds
Accuracy
Nice looking and clean interface
Custom domain
Imported fonts
Mobile friendliness
Hundreds of lines of code in Js, Css, and Html.
MORE COUNTDOWNS TO BE ADDED!

View it here: https://www.freecountdown.cf instead of the small version.
Happy thanksgiving everyone! :D

Upvote if you liked it, Downvote if you hated it.
Thanks!

edit: please no hate on this thing, im only 10. You can post suggestions in the comments if you want.

[email protected] (btw i'm @Cooolcoder not @Coolcoder)

Commentshotnewtop
FeixuRuins (20)

this took you 7 hours? lmao

gwood5901 (21)

@FeixuRuins You realize it's "hundreds of lines of code", right?

FeixuRuins (20)

@gwood5901 If we remove the crapton of newlines, there's 51 lines of HTML, 81 of JS, and 97 of CSS. That totals up to 229 lines. You could make a fullstack app in less than 7 hours. The code is also terribly written and poorly optimized.

pepelaugh (658)

@FeixuRuins hes 10 years old cut him some slack lmfao

gwood5901 (21)

@FeixuRuins pepelaugh is right. When you were ten, what were you doing? Obsessing over Pokemon? This kid is doing something that will help his future career, and is actually doing something productive. This is incredibly good for a ten year old.

Cooolcoder (86)

@FeixuRuins im not a professional lol. You think I can make an application in 7 hours? Well, I'm 10 so I don't think I can do that.

Cooolcoder (86)

@FeixuRuins btw if you go to my profile it says im 10

Cooolcoder (86)

@FeixuRuins Also, I know that is "Terribly written" I didn't know what to do so I added some duplicate variables, you know, debugging took forever for me, cause repl kept crashing, so I reworked everything, which took more time, and this is the first repl I did that I used javascript, because I just learned javascript a few days ago on learnjavascript.online and I also not a professional and I only took 1 html course, and css is also relatively new to me cause in the html course I didn't learn any css, so my conclusion is I am not that good at any of the three languages, and I'm sorry to hear that you didn't like it. I'm going to try to make better repls, okay? :)

FeixuRuins (20)

@Cooolcoder I'd suggest w3schools.com, and when you're more well-versed, move on to the Mozilla Developer Docs:

Good luck!

Cooolcoder (86)

@FeixuRuins Thank you! I use w3schools.com and sometimes but rarely I use Mozilla Developer docs.

FeixuRuins (20)

@Cooolcoder +1. If you need help with anything, let me know.

Cooolcoder (86)

@FeixuRuins btw thanks for upvoting. :D

wantT0befriends (42)

@Cooolcoder basically if youre 10 then youre not allowed to be on replit...

duck132912 (191)

@pepelaugh He is ten? And he has a custom domain?

pepelaugh (658)

@duck132912 it says so in his bio, parents probably did it for him idk.

Cooolcoder (86)

@pepelaugh I made an account because I attneded an html course, and I HAD to make an account

Cooolcoder (86)

@Cooolcoder my parents let me cause I had to attend the coding course

TsunamiOrSumth (481)

@gwood5901

when i was 10 i was spending most of my time playing snake on google and forgetting to brush my teeth. @cooolcoder, great job, keep it up.

Cooolcoder (86)

@TsunamiOrSumth lol. You were good at something when you were 10, and your not useless :D

TsunamiOrSumth (481)

@Cooolcoder i was good at forgetting to brush my teeth ¯\_(ツ)_/¯

Covf (0)

@FeixuRuins not cool to get mad at people learning how to code, and for a 10yo this is great work :D

TyRussell1 (0)

@FeixuRuins he still tried and i think it looks cool, not everyone is on the same level and by making things is how people learn, so shut.

xxpertHacker (606)

@Cooolcoder
@FeixuRuins

w3schools.com is actually, the very worst place that you can go to. It was written decades ago, and has nothing that is used today.

Even javascript.info is up-to-date.

MDN is a great source, you can learn a lot from there.

FeixuRuins (20)

@xxpertHacker I agree that it's not a good source, but it's friendly to beginners.

LeoXu2 (24)

@pepelaugh @duck132912 the domain is free at freenom.com

[deleted]

@xxpertHacker
So true! W3schools uses PHP to make html forms, lol!

[deleted]

yeah repl crashes every 5 minutes LOL @Cooolcoder

[deleted]

it's a free domain @duck132912

BlakeLeee (15)

@FeixuRuins He is 11 years old dude cut him some slack 7 hours is alot for a 11 year old and you don't know if he was busy or not

M07 (2)

@FeixuRuins Maybe don't be so unkind? I may be mistaken, but Cooolcoder's code is pretty neat!

xxpertHacker (606)

Now, as you did say you were young and not great at web development, I'd suggest learning more.

To start, MDN has a full course/tutorial:

If you're insistent in using HTML and CSS, it doesn't hurt to know more:

I see plenty of new JS users use .innerHTML; I have no clue where it comes from, and I doubt anyone using it knows what they're doing at all.
Please, avoid it like the plague.

MDN's documentation on Element#innerHTML:
developer.mozilla.org/docs/Web/API/Element/innerHTML

After reading it yourself, you'll probably understand why I would suggest one of these instead:

Now, I'm not hating on you specifically, as I believe that anyone could learn if they are taught well.
That JavaScript seems to have come straight from the depths of hell W3Schools, I'd recommend looking elsewhere:


Unrelated:
@RayhanADev, you helped me out with styling https://repl.it/@xxpertHacker/XHTML-Intro.

I had made a joke, only HTML goes:

<br><br><br><br><br><br><br>

And it happened here, I'm dying. (btw the article is almost done, you'll be pinged in the credits for helping)

Cooolcoder (86)

@xxpertHacker I will! thank you for your links

MatthewDoan3 (19)

@xxpertHacker Funny how you say

Avoid it like the plague

but the world clearly isn't avoiding the plague

xxpertHacker (606)

@MatthewDoan3 Lol, no pun intended.
Okay, so here's the thing, innerHTML should be avoided like the plague.

COVID should be avoided too!

Yet... neither of them are, and it's not turning out good for anyone involved.

The best I can do is put on my mask and teach the best prgramming practices.

MatthewDoan3 (19)

@xxpertHacker mhm, innerHTML opens up cross-site scripting; covid-19 opens up, um, cross-person contagions

haha well I tried

EpicRaisin (227)

Ah yes, I didn't know it was NaN days until thanksgiving

Cooolcoder (86)

@EpicRaisin oh sorry. It is fixed now

Whippingdot (165)

NO MORE THANKSGIVING. 😮😮🤣🤣 @EpicRaisin

objobj (2)

@Cooolcoder

It did the thing again lmao

Cooolcoder (86)

@objobj for me it works, I don't know what happened to you. Maybe you have javascript disabled?

objobj (2)

@Cooolcoder why would I have javascript disabled

idk why it won't work for me, I should look in the console actually

objobj (2)

Ah, it doesn't work on Firefox specifically

objobj (2)

@Cooolcoder I dmed you in vs code

firefish (879)

I dmed you in vs code

@objobj since when could you do that

objobj (2)

@firefish don't question it lmao

objobj (2)

@firefish its an extension called "Live Share"

firefish (879)

@objobj wut that enables multiplayer for vs code

objobj (2)

@firefish yes but it also has dms

jasonx27 (3)

@objobj what does Nand, Nanh, Nanm, Nans, Nan, and ms, mean? Kind of weird right?

EpicRaisin (227)

@jasonx27 NaN means not a number, which js returns when ur trying to convert something to a number, but it fails

objobj (2)

@jasonx27 It's a javascript error, it's returning Nan instead of a number

[deleted]

It wouldn't even show NaN if JS was disabled @Cooolcoder

Angad401 (2)

Works for me, nice job

FrancescoRosi (1)

I made an optimized version of this. Just like you, I'm not a professional coder, but I tried my best. Here's the list of improvements and features I added (for now):

  • Removed milliseconds because GODDAMN they make your browser lag
  • OBS Mode! To embed countdowns into your stream without going insane. For now it only supports 3 holidays (Hanukkah, Christmas and New Year) but that's because I want to get this out as early as possible because it's New Years Day today. Also, I know the link to OBS Mode is in an awkward position, but as I said, I'm no professional in web design.
  • Fixed an error where the console would spit out errors every second
  • Fixed some small inconsistencies (like Hanukkah not being capitalized)
    More stuff is coming soon, but I'm trying to get this out as early as possible, so not much stuff has been added yet.
    Click here to view the source code or click here to visit the website. It doesn't have a custom domain yet, but I'll add one in the future. Please don't take this as a better version of FreeCountdown or as an opposing countdown website, but rather take this as some improvements you could make to FreeCountdown.
Cooolcoder (86)

@FrancescoRosi That's cool! I didn't know that people still visited this site. I very appreciate your efforts!

FrancescoRosi (1)

@Cooolcoder No problem! I just optimized it because 2021 was coming around and so I wanted to add more stuff

Cooolcoder (86)

ANNOUNCEMENTS

First of all, thank you so much for all the upvotes on this thing! :D
Second of all, the custom domain was free, so I didn't need to pay anything.
Third of all, @Bookie0 's birthday is on there because he asked me. Sorry but I won't make any more birthdays because i'm really busy.

Fourth of all, If it says NaN try:

Enabling Javascript
Using chrome instead of safari, firefox, edge, etc
Reload the page after your do the three.

If it still doesn't work maybe try using another computer.

duck132912 (191)

Why is there SO MUCH negativity?

duck132912 (191)

@Cooolcoder and... did you get a custom domain for FREE? or did your parents help you

Cooolcoder (86)

@duck132912 I got my domain myself from freenom, but they only offer 5 different domain names. I used cf. You can see @FeixuRuins comment below to see what domains they offer. You can also purchase .com and other domains for other prices, but I took the free version. I used .cf because it's free. Check it out at freenom.com

Whacko (279)

Add Hanukkah! Honestly, add holidays from different religions, such as Kwanzaa, too.

Cooolcoder (86)

@Whacko I will do that soon! I said I will add more holidays. Thanks for your feedback!

Whacko (279)

@Cooolcoder No problem!

BTW When you add Hanukah and Kwanzaa, they are more than one day...
FeixuRuins (20)

oof, a freenom domain

KarmaIsKrazy (13)

@FeixuRuins wat u mean freenom is great i make my domains there but get the nameservers on cdjns

FeixuRuins (20)

@JessieSmetts they still own the domains you select, meaning that they can cut it at anytime. also, cdnjs is a content delivery network lol

KarmaIsKrazy (13)

@FeixuRuins yeah ur right but its at least good for begginers

Cooolcoder (86)

@FeixuRuins yeah I use freenom cause of a tutorial on repl

Cooolcoder (86)

@FeixuRuins how did you even know I used freenom?

FeixuRuins (20)

@Cooolcoder freenom gives out free domains if they end with:

  • tk
  • ml
  • gq
  • ga
  • cf
Cooolcoder (86)

@FeixuRuins yeah lol. I don't have money for a .com domain lol

Cooolcoder (86)

@FeixuRuins maybe I will get one of those for my next project.

TroyLilgeberg (8)

when you try to teach your friend how to code but then he makes this

heavyduck (28)

i cant make this at 12, youre good bro! keep going i believe youll make it very far :D

JosephStambaugh (4)

@Cooolcoder can you add my b-day. March 29th

Cooolcoder (86)

@JosephStambaugh sorry, im busy so I can't add any birthdays.

BlakeLeee (15)

Haha can you add my bday XD March 7th lol

Cooolcoder (86)

@BlakeLeee sorry, im busy so I can't add any birthdays.

MrHiTech (5)

It's...not thanksgiving?
Also, happy late birthday to @BOOKIE0!

Cooolcoder (86)

@MrHiTech thanksgiving passed a few days ago

Jeydin21 (61)

Why'd you hook it up to such a sus domain

AphixDev (204)

Website blocked due to a suspicious top level domain

[deleted]

Cool! I wish I could do something as good as this! Deserves a lot of more upvotes!

RayhanADev (1215)

Add Safari Support :(

Cooolcoder (86)

@RayhanADev why does this not work on safari? I am trying but I don't know how.

RayhanADev (1215)

@Cooolcoder it shows NaN (Not a Number) for each value.

if I had to guess, I blame the the Date function. Also, line 40 you should change </p> end tag to a </h1> ;P.

Cooolcoder (86)

@RayhanADev does it work now?
.replace(/-/g, "/") was added hopefully ift will work now

RayhanADev (1215)

@Cooolcoder ah you went with a regex

Edit: Nope :(


I live in UTC-6 btw so you can check timestamp xd.

sooparch (1)

Is this a joke? Surly it’s not a joke, you spent money on a domain name, but then again, NAN, NANS, is either a joke or it is not tested for safari

Cooolcoder (86)

@sooparch Try using chrome. Safari doesn't work. The domain name was free, from Freenom.com

Cooolcoder (86)

@sooparch if this was a joke everybody would be saying. "this is a joke!!!!!!!!!!!".

[deleted]

It's a free domain lol @sooparch

SahadSaj (0)

Where did you buy the domain?btw nice work at this age!

Cooolcoder (86)

@SahadSaj It was free. I got it from Freenom.

codealt1 (0)

Dude this took you seven hours?? I say get yourself a drag and drop website editor for all I know. I'd spend hours building my IDEs!

LingWu1 (44)

@Cooolcoder this is really cool but how on earth do you know when is @Bookie0 s birthday?

ShivankChhaya (228)

@LingWu1 That is exactly what I am wondering

LingWu1 (44)

Yea you can't just go online and search-When is Julius Caesar's(aka Bookie0) birthday @Cooolcoder and @ShivankChhaya

LingWu1 (44)

it will say about someone else...

ShivankChhaya (228)

@LingWu1 Wait How do you know that Bookie0's birthday is the same time as Julius Ceasar's?

LingWu1 (44)

because his name is Julius Caesars @ShivankChhaya . go to his portfolio

ShivankChhaya (228)

@LingWu1 ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

Cooolcoder (86)

@LingWu1 lol he told me his birthday in the comments below

OctagonalT (9)

this is cool but the background is so weird

lukep2 (3)

@Cooolcoder There is a bug that I discovered. The millisecond number is in centi seconds not milli seconds. One fix is to append 0 to the end of the ms number. Another fix is to say cs(centiseconds) instead of ms(milliseconds)

Cooolcoder (86)

@lukep2 yes. I know that. The reason I did centiseconds is because "milliseconds" made it lag, but I don't want to change it because cs seems weird, not many people use cs.

ch1ck3n (153)

I would call a custom domain for a repl a "Unneccearry expensive technology marketing that has no use, and repl.it gives you domains, too"

Cooolcoder (86)

@ch1cken uhh, my domain was free

24patelv (0)

Why is there only 8 hours till thanksgiving when its gone a montha ago. Other than thet nice web 😊

Cooolcoder (86)

@24patelv it's thanksgiving tommorrow, maybe you live somewhere else. I live in the us

ch1ck3n (153)

@24patelv Where in the name of earth do you live where thanksgiving was a moth ago

24patelv (0)

@ch1cken sry im in canada forgot bout usa

24patelv (0)

@Cooolcoder sry im in canada forgot bout usa 🙊

ch1ck3n (153)

@24patelv Canda isn't far enough for thanksgiving to be a month ago

24patelv (0)

@ch1cken search it it happenned on october. Bruh u dont know

ch1ck3n (153)

@24patelv Oh ok i didn't know :P sorry

[deleted]

Canada is the best @24patelv