Skip to content

Golf Score Calculator | JavaScript, HTML, CSS | Multiverse | Enhancements: Started as JavaScript-only, now includes an interactive HTML/CSS display | Function: Calculates golf scores

Notifications You must be signed in to change notification settings

FidelValenzuela/Golf-Score-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

# Golf Score Checker

A simple web application to help golfers determine their score based on the par and strokes for each hole. This project demonstrates basic HTML, CSS, and JavaScript usage for building a user-friendly tool.

## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)

## Demo
You can view a live version of the project [here](https://fidelvalenzuela.github.io/Golf-Score-Calculator/).

## Features
- Input fields for par and strokes.
- A button to check and display the golf score result.
- Stylish, modern UI with a responsive design.
- User feedback based on the golf score (e.g., Hole-in-one, Birdie, Bogey, etc.).

## Installation
To run this project locally:
1. Clone this repository:
    ```bash
    git clone https://github.com/fidelvalenzuela/Golf-Score-Calculator.git
    ```
2. Navigate to the project directory:
    ```bash
    cd Golf-Score-Calculator
    ```
3. Open `index.html` in your browser.

Alternatively, you can view it on [GitHub Pages](https://fidelvalenzuela.github.io/Golf-Score-Calculator/) for easy access.

## Usage
1. Open the application in a web browser.
2. Enter values for the **Par** (expected strokes) and **Strokes** (actual strokes taken).
3. Click the **Check Score** button to see your result.
4. The application will display the golf score result (e.g., "Hole-in-one", "Bogey") based on the input values.

## Project Structure

Golf-Score-Calculator/ ├── index.html # Main HTML file ├── styles.css # CSS file for styling └── script.js # JavaScript file for functionality


## Technologies Used
- **HTML** - Structure of the web page.
- **CSS** - Styling for a modern and clean look.
- **JavaScript** - Handles the logic for calculating and displaying the golf score.

## Contributing
Contributions are welcome! Feel free to submit a pull request or open an issue to improve the project.

## License
This project is open-source and available under the MIT License.

About

Golf Score Calculator | JavaScript, HTML, CSS | Multiverse | Enhancements: Started as JavaScript-only, now includes an interactive HTML/CSS display | Function: Calculates golf scores

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published