# Cómo Acceder a las Sumas de Vocales y Consonantes

Las sumas totales de vocales y consonantes se guardan de forma **oculta pero accesible** en el HTML.

## Métodos de Acceso

### 1. Usando Data Attributes (Recomendado)

```javascript
// Obtener el elemento del grid
const grid = document.getElementById('numerologyGrid');

// Leer las sumas desde los data attributes
const vowelSum = parseInt(grid.getAttribute('data-vowel-sum'));
const consonantSum = parseInt(grid.getAttribute('data-consonant-sum'));
const totalSum = parseInt(grid.getAttribute('data-total-sum'));

console.log('Suma de Vocales:', vowelSum);
console.log('Suma de Consonantes:', consonantSum);
console.log('Suma Total:', totalSum);
```

### 2. Usando Inputs Hidden

```javascript
// Obtener los valores de los inputs ocultos
const vowelSum = parseInt(document.getElementById('vowelSum').value);
const consonantSum = parseInt(document.getElementById('consonantSum').value);
const totalSum = parseInt(document.getElementById('totalSum').value);

console.log('Suma de Vocales:', vowelSum);
console.log('Suma de Consonantes:', consonantSum);
console.log('Suma Total:', totalSum);
```

### 3. Desde localStorage

```javascript
// Obtener los datos guardados
const savedData = JSON.parse(localStorage.getItem('numerology_last_analysis'));

if (savedData) {
    console.log('Suma de Vocales:', savedData.vowel_sum);
    console.log('Suma de Consonantes:', savedData.consonant_sum);
    console.log('Suma Total:', savedData.total_sum);
}
```

## Ejemplo Práctico

```javascript
// En la consola del navegador o en tu código JavaScript:
function mostrarSumas() {
    const grid = document.getElementById('numerologyGrid');
    
    if (grid) {
        const vowelSum = grid.getAttribute('data-vowel-sum');
        const consonantSum = grid.getAttribute('data-consonant-sum');
        const totalSum = grid.getAttribute('data-total-sum');
        
        console.log('=== SUMAS NUMEROLÓGICAS ===');
        console.log('Vocales (V):', vowelSum);
        console.log('Consonantes (C):', consonantSum);
        console.log('Total (V+C):', totalSum);
        console.log('==========================');
        
        return { vowelSum, consonantSum, totalSum };
    }
    
    return null;
}

// Llamar la función
mostrarSumas();
```

## Estructura HTML Generada

```html
<div id="numerologyGrid" 
     data-vowel-sum="25" 
     data-consonant-sum="38" 
     data-total-sum="63">
    
    <!-- Filas de la tabla numerológica -->
    
    <!-- Contenedor oculto con inputs -->
    <div id="numerology-sums" style="display: none;">
        <input type="hidden" id="vowelSum" name="vowel_sum" value="25">
        <input type="hidden" id="consonantSum" name="consonant_sum" value="38">
        <input type="hidden" id="totalSum" name="total_sum" value="63">
    </div>
</div>
```

## Respuesta del Backend

El backend ahora retorna estos campos adicionales:

```json
{
    "success": true,
    "data": {
        "vowels": [...],
        "consonants": [...],
        "all_letters": [...],
        "original_name": "Sebastian Gonzalez",
        "clean_name": "SEBASTIANGONZALEZ",
        "vowel_sum": 25,
        "consonant_sum": 38,
        "total_sum": 63
    }
}
```

## Notas Importantes

- Los valores están disponibles **inmediatamente** después de que se muestran los resultados
- Los datos persisten en **localStorage** al actualizar la página
- Son **completamente invisibles** para el usuario final
- Están listos para usar en cualquier script adicional que necesites implementar
