JavaScript DOM Project

Overview

This project demonstrates the use of JavaScript to manipulate the Document Object Model (DOM). It includes an HTML structure, CSS for styling, and JavaScript for interactivity.

Project Structure

The repository contains the following files:

• index.html - The main HTML file that provides the structure of the webpage.
• styles.css - The CSS file for styling the webpage.
• script.js - The JavaScript file for handling DOM manipulations.
• assets/ - A directory containing image assets used in the project:
  • bag.png
  • baskets.png
  • delete.png
  • socks.png

Git Commit Script

The repository includes a Bash script to automate Git commits:

How to Use

1. Clone the repository:

   git clone git@github.com:StephenLegacy/JavascriptDOM.git

2. Navigate into the project folder:

   cd JavascriptDOM

3. Run the project by opening index.html in a web browser.

GitHub Setup

To set up your GitHub connection:

1. Configure your Git user details:

   git config --global user.name "ExampleUsername"
   git config --global user.email "examplemail@gmail.com"

2. Add your SSH key to GitHub:

   cat ~/.ssh/id_ed2551933.pub // example

   • Copy the output and add it to GitHub under Settings > SSH and GPG keys.
3. Test the connection:

   ssh -T git@github.com

License

This project is open-source and free to use.

---