https://github.com/imrenr/checked-property-easyjsproject
This project demonstrates a simple webpage where users can subscribe to a service and choose a payment method (Visa, MasterCard, or PayPal). Upon clicking the "Submit" button, dynamic feedback is displayed based on the user's selections, showing whether they are subscribed and their chosen payment method.
https://github.com/imrenr/checked-property-easyjsproject
html-css-javascript
Last synced: 4 months ago
JSON representation
This project demonstrates a simple webpage where users can subscribe to a service and choose a payment method (Visa, MasterCard, or PayPal). Upon clicking the "Submit" button, dynamic feedback is displayed based on the user's selections, showing whether they are subscribed and their chosen payment method.
- Host: GitHub
- URL: https://github.com/imrenr/checked-property-easyjsproject
- Owner: ImrenR
- Created: 2025-01-08T19:20:27.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-01-08T20:07:49.000Z (11 months ago)
- Last Synced: 2025-06-05T10:05:50.921Z (6 months ago)
- Topics: html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 5.86 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project: Subscription and Payment Method Selector
## Demo video to watch
https://github.com/user-attachments/assets/628845c8-a3fe-4025-b3c9-53610ebfc64b
# Overview
This project demonstrates a simple webpage that allows users to:
Subscribe to a service by selecting a checkbox.
Choose a payment method from Visa, MasterCard, or PayPal.
Display messages based on the user's selections when the "Submit" button is clicked.
# Features
### Subscription Checkbox:
Users can indicate whether they want to subscribe by checking the Subscribe checkbox.
### Payment Method Selection:
Users can select their preferred payment method by choosing one of the radio buttons: Visa, MasterCard, or PayPal.
### Dynamic Feedback:
On clicking the "Submit" button, the page dynamically updates to display:
Whether the user is subscribed.
The selected payment method.
# File Structure
### index.html: Contains the HTML structure of the page.
### style.css: Contains the styles applied to the webpage.
### index.js: Contains the JavaScript logic for interactivity.