The most difficult part was the JS for sure.
The big question I have is how to keep the JS alerts from just popping on and off so quickly. Is this just because of the "#" in the action of the form? Any info would be great. Is there a test place to send stuff to make it so it won't behave this way?
You did very well on this challenge.
To keep the JS alerts from just popping on and off so quickly, prevent default action when form is submitted. You do this by adding event.preventDefault() to the onsubmit attribute of the form tag.
Like this:
<form name="myForm" action="#" onsubmit="event.preventDefault()">When you click a question the image goes down. I know the solution might be easy but I couldn't figure it out by myself, which is annoying.
I'd really appreciate any help. c:
Thanks!
Good job on this challenge.
You are having this problem because there are 3 elements inside the section element which is a flex box. For this challenge, you will want to have only two divs inside the the section element so that you have images in one div and the questions in another like a classic hero or banner on a landing page.
To solve your issue, move the card box image into the same div with the woman-desktop image.
The hardest part of this project was the Javascript portion. Specifically trying to update the price on the screen live. I had to jump through hoops trying to get that working properly and it's still not the best it can be. If I pledge an amount, it adds that to the total. but when I pledge a second time, the amount is added only to the original price instead of what its worth currently. Is there any way I can get it to continually update as long as I don't refresh the page? Thanks! Happy coding!
Good job on this challenge. These are my tips to improve it:
