Share your repls and programming experiences

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

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
oignons (322)

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

codeitfast (56)

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

oignons (322)

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

zplusfour (879)

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

oignons (322)

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

potatojs (819)

it's acctually extrimelly simple
@oignons

oignons (322)

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

Leroy01010 (414)

nice i needed this!!

oignons (322)

@Leroy01010 Thanks, glad it could help you!

MarcusWeinberger (667)

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 (322)

@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 (322)

@MarcusWeinberger Also, don't forget to upvote!

johndo3 (19)

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

oignons (322)

@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 (19)

@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 (19)

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

oignons (322)

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

HahaYes (1899)

here is a free cycle

HahaYes (1899)

@oignons yay no more comment lag

oignons (322)

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

dabs364 (276)

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

oignons (322)

@dabs364 Gotcha, working on a fix.

oignons (322)

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

dabs364 (276)

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

oignons (322)

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

oignons (322)

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

dabs364 (276)

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

oignons (322)

@dabs364 That's the icon on the tab:


EDIT: I got the favicon here

oignons (322)

@dabs364 No need to be sorry! :3

dabs364 (276)

@oignons oops i forgot to upvote...

doing it now!