Skip to content

Latest commit

 

History

History
95 lines (64 loc) · 2.42 KB

README.md

File metadata and controls

95 lines (64 loc) · 2.42 KB

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

Screenshots

maquette 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: