@vBenTec
Latest solutions
Latest comments
- @molszewski34
Hey i see few problems.
Only first 2 menu links have hover effect. Hover effect can look better if you lower transition time. Cart when empty change side. I had the same problem and for me the best and easy solution was to make a container with button and sum visibility:hidden; Cart in mobile view has big white space. Plus and minus buttons are too small. You can make them small but it is a good thing to put them in span so area in which you can click is bigger. I didn't test it on smartphone but buttons can be hard to push. Same thing with slider buttons. Button in cart do not always hover when i move cursor. Input number should keep the value visible when submit.
Marked as helpful - @jaronimas-codes@molszewski34
You can try update it with parseInt method and use toLocaleString to give value a proper format.
sumOutput.innerHTML = "$" + (sumOutput + parseInt(noRewardInput.value)).toLocaleString("en-us"); sumOfBacker.innerHTML = (sumOfBacker + 1).toLocaleString("en-us");
let sumOutput = 89914; let sumOfBacker = 5007;
Marked as helpful - @jaronimas-codes@molszewski34
- Why you want to connect them when they are totally separate things? Things that should connect are modal number input and sum of pledged money and counter of backers which add +1 every time value of input is added to the sum. You can also try to update progress bar when sum is updated. I used <progress> but it seems to not look properly (no styling) on android devices (atleast mine) but value is updated. Another option is to connect pledge options with modal options so when you click button an option in modal is also checked.
- You can try use a grid but there is also a way to use it with flex. Instead of <ul> you can make 3 separate divs with content and give them 33% width and then give them proper borders or even give borders to middle box.
Marked as helpful - @AyllaChristinne@molszewski34
Hey. Solution works. Every calculations works as intended. You missing two things. When "person input" is 0 or less it should show alarm state - red border and text. Second is button which must show disabled and active status.
In matter of responsivness you could consider use of grid. This should help you a lot.
Good job!
- @luizclaudiocosta@molszewski34
Still didn't get an answer about this, but one thing concerns me right now. Is us-eu currency format for input even a good thing to set in hmtl. Comma is another sign for javascript which can disrupt a whole calculation when not used with some methods. So you probably need javascript for this anyway which is not an answer for question :)
Marked as helpful - @luizclaudiocosta@molszewski34
I don't know but i will check if there is any easy way to do it w/o js.
Marked as helpful
