Table de Multiplication

A simple web application that generates a multiplication table based on user input. The main diagonal of the table is highlighted in red.

Table of Contents

• Demo
• Requirements
• Installation
• Usage
• Features
• Technologies Used
• Project Structure
• Challenges and Learnings
• Future Improvements
• Contact
• License

Demo

Screenshots

Multiplication Table in action

Requirements

• A modern web browser (Chrome, Firefox, Edge, Safari)

Installation

To run the project locally, follow these steps:

# Clone the repository
git clone https://github.com/Nada-TB-beginner-projects/create_multiplication_table_JS.git

# Navigate to the project directory
cd repo-name

Usage

1. Open the Web Application:

   • Open the index.html file in your web browser

2. Enter a Number:

   • When prompted, enter a number to generate the multiplication table.

3. View the Table:

   • The multiplication table will be displayed with the main diagonal highlighted in red.

Features

• Generates a multiplication table based on user input.
• Highlights the main diagonal of the table in red.

Technologies Used

• HTML
• CSS
• JavaScript

Project Structure

Outline of the project directory:

table-de-multiplication/
├── index.html                    # Main HTML file
├── tableMultiplication.js        # JavaScript functionality
└── README.md                     # Project documentation

Challenges and Learnings

1. Dynamic Table Generation:

   • Challenge: Creating a multiplication table dynamically based on user input.
   • Solution: Used nested loops in JavaScript to generate the table and manipulate the DOM to display it.

2. Diagonal Highlighting:

   • Challenge: Highlighting the main diagonal of the table.
   • Solution: Added conditional logic in the loop to apply a specific style to diagonal elements.

Future Improvements

• Add input validation to ensure the user enters a valid number.
• Improve the styling and user interface.
• Add a feature to download the table as a CSV file.

Contact

For any questions or feedback, you can reach me at:

• GitHub: Nada-TB