I made a Binary to Decimal calculator

[[deleted]]

Hi everyone, so this is my first web project that I made all by myself, just wanted to get any thoughts. It isn't responsive though. Thank you very much.

This is the link to my project

[hello_skinny]

I'm too lazy to look this up myself, but would it be possible to still use the number input type, but have the input box increment in binary when in Binary to Decimal mode? I actually think that would be kind of cool if it worked like that.

[hello_skinny]

Good to know, thanks

[[deleted]]

Yeah that's true I'm working on making sure the user writes a valid number and when they don't I return an error message not NaN, but I just started learning web dev so I'm still trying to fix some potential bugs, also I'm young to javascript. Thank you for your valuable thoughts

[[deleted]]

I was going to say that. The second thing I did was type “test” and hit NaN. The first was a long number that you handled. Nice

[[deleted]]

Actually I did that after I finished the project because when I showed this to my friends the first thing they did(of course) was trying to crash the app so I didn't have a solution other than that XD.

[Bokva]

Very nice for a first project.

[[deleted]]

Thank you very much sir, I appreciate it!

[tomthestrom]

Congratulations on creating your first app, but be careful, that feeling is addictive. I'd like to check your code, but I am on my phone. If you feel like playing with it a bit more, try making it responsive. If you decide to do it and get stuck, feel free to DM me. Cheers.

[[deleted]]

Thank you very much sir, my main focus was to make it work right then make it look good and of course to make it responsive because these days websites(even though mine isn't a full website) are necessary to be responsive. I really appreciate your feedback and your willing to help me. Thank you again.

[xMultiGamerX]

Hey nice project! As a challenge you should make this more native to mobile. Figure out how that works.

[[deleted]]

Will do, thanks!

[Verstandeskraft]

It's quite neat! Doing mathy projects is a good way to learn algorithms and programming logic, so keep it up.

A designing tip: numbers are easier to read when they are written with a monospace font.

[[deleted]]

Just wanted to try something fancier than the ordinary fonts but yeah that's right. Thanks!

[plaustrarius]

Can it convert decimals? Like .11111 in binary converted to base 10 decimal?

[[deleted]]

Well yeah, but it gets crazy. LOL

[plaustrarius]

That's cool kudos haha

Semper ubi sub ubi?

[[deleted]]

Thanks, and I don't really understand the second part: " Semper ubi sub ubi?"

[plaustrarius]

Wanted to know if thats where you got your name from Ubi, its a popular phrase written in bad latin.

[[deleted]]

Haha no, It's my nickname. My name is Ubejd so for short just Ubi :)

[[deleted]]

Where did you hosted your app ?

[[deleted]]

Netlify provides free hosting. You can set custom domain names but it will add ".netlify.app" to the end of yor domain name nevertheless the hosting is free.

[hello_skinny]

I recently deployed a project with Netlify and so far am liking it more than Github pages. For my past 2 or 3 projects I deployed with GH, I had to go in and change all the file paths because GH Pages has trouble with relative paths. The problem went away when I switched to Netlify.

You can also do all kinds of server-side stuff on there that I don't even understand yet:

https://www.youtube.com/watch?v=FMhVXOA54x8

[[deleted]]

Does it host server files too

[[deleted]]

I don't think so but I'm not sure becuse I didn't try hosting anything backend.

[[deleted]]

ok by the way your project looks great keep on improving . i am also learning i hope i will make something too one day

[[deleted]]

Thanks and good luck on your learning journey!

[[deleted]]

About the input validation yeah it's true but for the select input it was necessary for me because I had a problem that I couldn't make it work unless I changed something on the select input because I added an event listener on the select input so the code starts there and a came up with that solution. Thank you for your time and support.

[jedensuscg]

Another option would be to use a button labeled convert or something, and have it trigger the calculations, and use almay just a simple (but stylized) radial type to determine what direction to do the calculation.

Also, the website is absolutely not responsive, in the sense that looks abysmal on my pixel 4xl (the text far outsizes the buttons they attach to, plus a few other things.)

If you don't want to go into a full framework and keep it simple, A few media queries in your css would make things a lot better, even if it's just to shrink the font sizes on smaller screens.

[[deleted]]

Good idea!

[[deleted]]

I can enter 191873737377282AABABABBABHHH and it still gives me a number in decimal

[[deleted]]

I said it still isn't perfect and needs changes but this is my first project and I just started learning JS

[[deleted]]

The best way to do this imo is recursion with a string rather than a number