Share your repls and programming experiences

← Back to all posts
#WEEKLY 13-To Do List
oignons (68)

Hellooo my lovely replers! Today I present you...

My Weekly Challenge!

Features


  • Delete and add things to do
  • Clean and pretty user interface
  • Simple usage

How to use


  • Add what you want to do in the top input bar.
  • Click "Submit" to confirm.
  • Delete by typing index in the smaller input bar(the index is on the left of the thing to do)
  • Click "delete" to confirm.

Also, I learned HTML/CSS/JS like a month ago, so please forgive any bad programming practices and tell me what they are-I'm open to learning!


Closing


Thank you so much for looking at my project. If you liked it, an upvote is greatly appreciated. Also, you can comment any suggestions down below, I may repost this with your suggestions if there are quite a few good ones.

Best,
oignons

Comments
hotnewtop
Leroy01010 (409)

looks soooooo coooool

oignons (68)

@codeitfast You may see some weird variable names, I wrote 60% late at night.

codeitfast (59)

@oignons How do you add the text that disappears when I click in the box?

oignons (68)

@codeitfast I cleared the value in the input box, with line 11 in script.js

zplusfour (901)

use localstorage or a simple db to save todos....
nice projects btw

oignons (68)

@ZDev1 I'll look into that, I'm new to js haha.

potatojs (845)

it's acctually extrimelly simple
@oignons

oignons (68)

@potatojs Read up on it, looks pretty simple. I'll write some code.

Leroy01010 (409)

nice i needed this!!

MarcusWeinberger (785)

Looks very modern! Maybe you could use some JavaScript to store the user's todo list in their browser's localStorage so it saves.

oignons (68)

@MarcusWeinberger I'm new to js, but I'll look into it. I've gotten a lot of suggestions, I may repost when weekly is done with everything.

oignons (68)

@MarcusWeinberger Also, don't forget to upvote!

johndo3 (21)

@oignons I can hook u up with a database
this is good even without the database tho

oignons (68)

@johndo3 Hi, thanks. A lot of people have said to use a database, so I'll add that later. I'm curious, could repl DB work?

johndo3 (21)

@oignons yes, but I know another way that I used in my programs
(you will need a google account, on second thought you probably have one)

johndo3 (21)

@johndo3 it actually depends on the language, and how much space you need

oignons (68)

@johndo3 Ok, I'll look into it and write some stuff.

HahaYes (1861)

here is a free cycle

oignons (68)

@CodingCactus Hi, should be fixed now. Thanks for your patience.

dabs364 (277)

@oignons maybe you can change the background to make the text more visible

oignons (68)

@dabs364 Gotcha, working on a fix.

oignons (68)

@dabs364 Hi, thanks for reporting this. Should be fixed now.

dabs364 (277)

@oignons also you might want to center the placeholders in the inputs and align the button text better...

oignons (68)

@dabs364 I personally like the placeholders like that, but will see about button

oignons (68)

@dabs364 Can't really do much about the button, sorry.

dabs364 (277)

@oignons it go fixed!
Also, what is favicon.png?

oignons (68)

@dabs364 That's the icon on the tab:


EDIT: I got the favicon here

oignons (68)

@dabs364 No need to be sorry! :3

dabs364 (277)

@oignons oops i forgot to upvote...

doing it now!