This project is designed to be an interactive webpage to ask someone to be your Valentine. Please use this code as inspiration and avoid simply copying it without understanding or giving credit.
This project consists of a simple webpage with a "Yes" and "No" button. When the user clicks the "No" button, the button text changes to a series of messages, and the "Yes" button grows larger. If the user clicks the "Yes" button, they are redirected to a new page (yes_page.html
).
- Interactive Buttons: The "No" button cycles through , while the "Yes" button grows in size.
- Responsive Design: The webpage is designed to work on all screen sizes.
-
Download the Files:
- Clone this repository or download the
index.html
,styles.css
,yes_style.css
,yes_page.html
andscript.js
files.
- Clone this repository or download the
-
Open the Project:
- Open the
index.html
file in your web browser.
- Open the
While I am happy to share this project, I encourage you to use it as inspiration. If you use this code as a base for your own project, please give credit where it's due. A simple shoutout or link back to this repository is appreciated!
index.html
: The main HTML file that structures the webpage.styles.css
: The CSS file that styles the webpage.script.js
: The JavaScript file that handles the button interactions.yes_page.html
: The yes page that sturctures the webpage.yes_style.css
: The css file that styles the yes webpage.
handleNoClick()
: Changes the "No" button text and increases the size of the "Yes" button.handleYesClick()
: Redirects the user toyes_page.html
.
This project is licensed under the MIT License - see the LICENSE file for details.
Enjoy 💖