This project is an interactive web-based application developed using HTML, CSS, and JavaScript for generating multiplication tables from 1 to 20. The main purpose of the project is to demonstrate how JavaScript programming logic can be integrated with HTML and CSS to create a simple and dynamic user interface.
The application contains a “TABLES” button that allows the user to generate the multiplication tables with a single click. When the button is clicked, an onclick event calls the JavaScript function responsible for generating the required output. The program uses nested for loops, where the outer loop runs from 1 to 20 and represents each multiplication table, while the inner loop runs from 1 to 10 to calculate the multiples of each number.
The multiplication results are generated dynamically using the expression a * b and stored in a result string. HTML <div> elements and line breaks are then added to organize the output and display each table separately. JavaScript DOM manipulation is used through document.getElementById() and innerHTML to display the generated.