Export & Print Results

After generating an inspection report, you can export the data to JSON format for digital archiving or print a formatted report for physical records.

Overview

The system provides three main actions for handling inspection results:

Print: Generate a print-friendly version of the report
Export JSON: Download inspection data in JSON format
New Form: Reset and start a new inspection

These actions are available through buttons that appear after calculating results.

Printing Reports

Print Function Overview

The imprimirResultados() function (script.js:551-573) creates a print-optimized version of the inspection report.

Click Print Button

After viewing your results, click the “🖨️ Imprimir” button in the action buttons section.Button attributes:

Label: “🖨️ Imprimir”
Function: imprimirResultados()
Styling: .btn-secondary class

Print Preview Generation

The system automatically:

Saves the current page content
Creates a print-friendly layout
Removes interactive elements
Adds print header and footer
Opens browser print dialog

Print or Save as PDF

Use your browser’s print dialog to:

Send to a physical printer
Save as PDF
Adjust print settings (orientation, margins, etc.)

Automatic Restoration

After printing:

Original page content is restored
Interactive buttons return
Event listeners are reinitialized

Print Layout Format

The printed report includes:

<div style="padding: 20px; font-family: Arial, sans-serif;">
    <h1 style="text-align: center; color: #2563eb;">
        Concesionario de Coches - Resultados ITV
    </h1>
    <hr style="margin: 20px 0;">
    
    <!-- Client Information -->
    [informacionCliente]
    
    <!-- Inspection Results -->
    [resultados]
    
    <!-- Print Timestamp -->
    <div style="margin-top: 30px; text-align: center; font-size: 12px; color: #666;">
        Impreso el [DD/MM/YYYY] a las [HH:MM:SS]
    </div>
</div>

Print Timestamp

Each printed report includes an automatic timestamp:

Impreso el ${new Date().toLocaleDateString('es-ES')} a las ${new Date().toLocaleTimeString('es-ES')}

Example: “Impreso el 07/03/2026 a las 14:30:45”

The timestamp uses Spanish locale formatting (DD/MM/YYYY and 24-hour time).

Exporting to JSON

Export Function Overview

The exportarResultados() function (script.js:529-548) creates a downloadable JSON file with complete inspection data.

Click Export Button

Click the ”📥 Exportar JSON” button in the action buttons section.Function: exportarResultados()

Data Collection

The system gathers all inspection data:

const datosExportacion = {
    cliente: obtenerDatosCliente(),
    vehiculos: vehiculosData,
    fecha: new Date().toLocaleDateString('es-ES'),
    hora: new Date().toLocaleTimeString('es-ES')
};

JSON Generation

Data is formatted as pretty-printed JSON:

const jsonStr = JSON.stringify(datosExportacion, null, 2);

The null, 2 parameters create readable, indented JSON.

File Download

A blob is created and automatically downloaded:Filename format: ITV_[Apellidos]_[Timestamp].jsonExample: ITV_Garcia_1709823045789.json

JSON Structure

The exported JSON file follows this structure:

{
  "cliente": {
    "nombre": "Juan",
    "apellidos": "García",
    "razonSocial": "Particular",
    "nAutos": 3
  },
  "vehiculos": [
    {
      "numero": 1,
      "motorizacion": "Diesel",
      "estadoITV": "Aprobo",
      "observaciones": "Neumáticos en buen estado"
    },
    {
      "numero": 2,
      "motorizacion": "Gasolina",
      "estadoITV": "NoAprobo",
      "observaciones": "Emisiones fuera de norma"
    },
    {
      "numero": 3,
      "motorizacion": "Electrico",
      "estadoITV": "Aprobo",
      "observaciones": ""
    }
  ],
  "fecha": "07/03/2026",
  "hora": "14:30:45"
}

JSON Data Fields

Cliente (Client) Fields

Field	Type	Description
`nombre`	string	Client’s first name
`apellidos`	string	Client’s surname(s)
`razonSocial`	string	Business name or “Particular”
`nAutos`	number	Total number of vehicles inspected

Vehiculos (Vehicles) Array

Array of vehicle objects, each containing:

Field	Type	Values	Description
`numero`	number	1-50	Vehicle sequence number
`motorizacion`	string	Diesel, Gasolina, Hibrido, Electrico	Engine type
`estadoITV`	string	Aprobo, NoAprobo	Inspection pass/fail status
`observaciones`	string	0-250 chars	Vehicle condition notes

Metadata Fields

Field	Type	Format	Description
`fecha`	string	DD/MM/YYYY	Export date
`hora`	string	HH:MM:SS	Export time (24-hour)

File Download Implementation

The export function uses Blob and URL APIs:

// Create Blob from JSON string
const blob = new Blob([jsonStr], { type: 'application/json' });

// Create temporary URL
const url = URL.createObjectURL(blob);

// Create and trigger download
const a = document.createElement('a');
a.href = url;
a.download = `ITV_${datosExportacion.cliente.apellidos}_${Date.now()}.json`;
document.body.appendChild(a);
a.click();

// Cleanup
document.body.removeChild(a);
URL.revokeObjectURL(url);

The URL is automatically revoked after download to free up memory.

Reset and New Form

Restart Function

The reiniciarFormulario() function (script.js:522-526) allows starting a new inspection.

Click New Form Button

Click the ”🔄 Nuevo Formulario” button in the action buttons section.

Confirmation Dialog

A browser confirmation dialog appears:

¿Está seguro que desea reiniciar el formulario?
Se perderán todos los datos ingresados.

Options:

OK: Proceed with reset
Cancel: Return to current report

Page Reload

If confirmed, the page reloads completely:

if (confirm("¿Está seguro...")) {
    location.reload();
}

This returns you to the initial client registration form.

Reloading the page will permanently delete all current inspection data unless you’ve already exported or printed the results. Make sure to save important data before resetting.

Action Buttons Styling

The action buttons section is added after report generation:

<div id="botones-accion" class="info-card full-width">
    <div style="padding: 1.5rem; text-align: center;">
        <h3>Acciones Disponibles</h3>
        <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem;">
            <button onclick="imprimirResultados()" class="btn-secondary">
                🖨️ Imprimir
            </button>
            <button onclick="exportarResultados()" class="btn-secondary">
                📥 Exportar JSON
            </button>
            <button onclick="reiniciarFormulario()" class="btn-secondary">
                🔄 Nuevo Formulario
            </button>
        </div>
    </div>
</div>

Button Styling

.btn-secondary {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    color: #2563eb;
    border: 2px solid #2563eb;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

Use Cases

Physical Records

Use Print Feature

Legal documentation
Customer receipts
Archive hard copies
Regulatory compliance

Digital Archive

Use Export Feature

Database integration
Long-term storage
Data analysis
Backup records

Quick Reference

View on Screen

Immediate results
Quick verification
No storage needed
Real-time decisions

Next Client

Use Reset Feature

Start fresh inspection
New client entry
Clean slate
Fast turnaround

Best Practices

Review Before Export/Print

Always review the generated report for accuracy before exporting or printing. Check:

Client information
Vehicle counts
ITV statuses
Observations
Total calculations

Save Digital Copies

Export JSON files for all inspections to maintain digital records:

Create a consistent naming convention
Store in organized folders by date
Keep backups of exported files
Consider database integration

Print for Customers

Provide printed reports to customers for:

Immediate proof of inspection
Personal records
Insurance documentation
Professional service

Technical Reference

Key functions for export and print:

Function	Purpose	Location
`exportarResultados()`	JSON export	script.js:529-548
`imprimirResultados()`	Print report	script.js:551-573
`reiniciarFormulario()`	Reset form	script.js:522-526
`agregarBotonesAccion()`	Add action buttons	script.js:578-605

Browser Compatibility

These features work in all modern browsers:

Print: Uses native window.print() API
Export: Uses Blob and URL APIs (supported in all modern browsers)
Download: Uses programmatic <a> element click

For best print results, use Chrome, Firefox, or Edge. Safari may require additional print settings adjustments.

Get Started

Core Features

User Guide

Customization

Export & Print Results

Export & Print Results

Overview

Printing Reports

Print Function Overview

Print Layout Format

Print Timestamp

Exporting to JSON

Export Function Overview

JSON Structure

JSON Data Fields

File Download Implementation

Reset and New Form

Restart Function

Action Buttons Styling

Button Styling

Use Cases

Physical Records

Digital Archive

Quick Reference

Next Client

Best Practices

Technical Reference

Browser Compatibility

Troubleshooting

Build docs developers (and LLMs) love

Get Started

Core Features

User Guide

Customization

​Export & Print Results

​Overview

​Printing Reports

​Print Function Overview

​Print Layout Format

​Print Timestamp

​Exporting to JSON

​Export Function Overview

​JSON Structure

​JSON Data Fields

​File Download Implementation

​Reset and New Form

​Restart Function

​Action Buttons Styling

​Button Styling

​Use Cases

Physical Records

Digital Archive

Quick Reference

Next Client

​Best Practices

​Technical Reference

​Browser Compatibility

​Troubleshooting

Build docs developers (and LLMs) love

Export & Print Results

Overview

Printing Reports

Print Function Overview

Print Layout Format

Print Timestamp

Exporting to JSON

Export Function Overview

JSON Structure

JSON Data Fields

File Download Implementation

Reset and New Form

Restart Function

Action Buttons Styling

Button Styling

Use Cases

Best Practices

Technical Reference

Browser Compatibility

Troubleshooting