/** * Script Purpose: * This script dynamically manages the visibility of calculator grids (rows). * Users can reveal new grids or hide the most recently added grid. * Each grid contains input fields for purity, weight, and calculated value. * When a grid is removed, its associated data is cleared to prevent inclusion in calculations. * * Context: * - The script assumes up to six predefined grids with IDs: grid1, grid2, ..., grid6. * - Only grid1 is initially visible; others are hidden via CSS (`display: none`). * - Users can add rows using a button (class: `add-row-link`) and remove rows using a dynamically created delete icon. * * Constraints: * - A maximum of six grids can be displayed simultaneously. * - Grids must be hidden or displayed programmatically to ensure proper row addition/removal. * - The delete icon is dynamically positioned below the currently visible grid. * * Required IDs: * - Grid IDs: * - grid1 * - grid2 * - grid3 * - grid4 * - grid5 * - grid6 * - Purity fields: * - purity1 * - purity2 * - purity3 * - purity4 * - purity5 * - purity6 * - Weight fields: * - weight1 * - weight2 * - weight3 * - weight4 * - weight5 * - weight6 * - Value fields: * - value1 * - value2 * - value3 * - value4 * - value5 * - value6 * - Add-row button: * - Class: `add-row-link` */