All solutions

Finally after two days its done. There some difficulty when building this on without some frameworks, the data state is the easy part. but the hard one is the CSS part. Where you have to design it so it doesn't look flunky(where in my case it does :') ),

1. The thing where we click the big image, and there is modal and top of that carousel really make me confused on how setting up the frame for the image products. where on the building, I really do believe with help with some bootstrap or bulma will make this easier.
2. Nothing to comment about updating the state of how much product we buy, I just listened to the events on the button and the rest is particularly easy.
3. Not really clean code, but it happens

thanks for visiting

I'm making this in mind just to test my Javascript. I'm only using Class and simple algorithms. There's some problem thought and a lot :)

1. I have no idea how to limit the number cause I know it will break the screen and overload everything.
2. I'm only using simple slider to change the theme. I'm dumb about CSS so I don't know how to make the slider into three. I'm trying using pseudo-element on the slide but sadly it didn't accept two pseudo elements on the same div, so I'm kinda lost. Yeah 2 is my limit now. Anyone visiting this know how to make it 3 can you send the links on how to do them?

at first I don't see making this with Class Constructor, before I try using with state concept in react, where I try store information using object and retrieve it back. But I failed. Next time I'm trying to build this using React

yeah thanks for visiting

I'm kinda confused when building this. Like when I add an event listener for user input, I can't instantly update the value that the user inputting, so that's why I call function instead reassign the variable each time event started. Mind tell me why is that? any feedback are welcome