Skip to content

A simple web app that counts selected music genres from a dropdown menu. Clicking a button displays the count using JavaScript and DOM manipulation.

Notifications You must be signed in to change notification settings

PariCoderDeveloper/Music-Selection-Counter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Selection Counter

A simple web app that lets users select multiple music genres from a dropdown and displays the count of selected options upon clicking a button. My primary focus in this project has been on JavaScript, as it handles the core logic and dynamic interactions.

Features

  • Choose multiple music genres from a multi-select dropdown.
  • Click a button to display the number of selected genres.
  • Responsive and clean user interface with HTML, CSS, and JavaScript.

How to Run

  1. Clone the repository:
    git clone [https://github.com/PariCoderDeveloper/Music-Selection-Counter.git](https://github.com/PariCoderDeveloper/Music-Selection-Counter.git)
  2. Open index.html in a web browser.

Files

  • index.html: Main HTML structure for the app.
  • css/style.css: CSS styles for the page layout and design.
  • javascript/script.js: JavaScript logic to count selected options.
  • README.md: Project documentation.
  • .gitattributes: This file specifies certain rules for Git, including instructing GitHub's language detection to exclude HTML and CSS from the language statistics shown for this repository.

Technologies

  • JavaScript (Primary focus)
  • HTML
  • CSS

Project Structure

Music-Selection-Counter/
├── css/
│   └── style.css
├── javascript/
│   └── script.js
├── .gitattributes  # This file instructs Git/GitHub about language statistics
├── index.html
└── README.md

About

A simple web app that counts selected music genres from a dropdown menu. Clicking a button displays the count using JavaScript and DOM manipulation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published