document.getElementById('resistanceForm').addEventListener('submit', function(e) {

e.preventDefault();

const band1 = document.getElementById('band1').value;

const band2 = document.getElementById('band2').value;

const multiplier = document.getElementById('multiplier').value;

const tolerance = document.getElementById('tolerance').value;

if (!band1 || !band2 || !multiplier || !tolerance) {

showError('Por favor, seleccione todos los campos.');

return;

}

const resistance = (parseInt(band1 + band2) * parseFloat(multiplier)).toFixed(2);

const toleranceValue = parseFloat(tolerance);

const result = `Resistencia: ${resistance} Ω ±${toleranceValue}%`;

showResult(result);

visualizeResistance(band1, band2, multiplier, tolerance);

});

function showResult(message) {

const resultDiv = document.getElementById('result');

resultDiv.textContent = message;

resultDiv.classList.remove('d-none');

document.getElementById('error').classList.add('d-none');

}

function showError(message) {

const errorDiv = document.getElementById('error');

errorDiv.textContent = message;

errorDiv.classList.remove('d-none');

document.getElementById('result').classList.add('d-none');

}

function visualizeResistance(band1, band2, multiplier, tolerance) {

const colors = {

'0': 'black', '1': 'brown', '2': 'red', '3': 'orange',

'4': 'yellow', '5': 'green', '6': 'blue', '7': 'violet',

'8': 'gray', '9': 'white', '0.1': 'gold', '0.01': 'silver'

};

const visualDiv = document.getElementById('resistanceVisual');

visualDiv.innerHTML = '';

[band1, band2, multiplier, tolerance].forEach(value => {

const band = document.createElement('div');

band.className = 'color-band';

band.style.backgroundColor = colors[value] || 'transparent';

visualDiv.appendChild(band);

});

}

2. Guía de uso

Cómo usar la Calculadora de Resistencias:

1. Selección de bandas de colores:

- Primera banda: Elija el color correspondiente al primer dígito del valor de la resistencia.

- Segunda banda: Seleccione el color que representa el segundo dígito.

- Multiplicador: Escoja el color que indica el factor multiplicador.

- Tolerancia: Opte por el color que representa la tolerancia de la resistencia.

2. Cálculo:

- Una vez seleccionados todos los colores, haga clic en el botón "Calcular".

- La calculadora mostrará el resultado en ohms (Ω) junto con la tolerancia.

3. Interpretación de resultados:

- El valor se muestra en ohms (Ω).

- La tolerancia indica el rango de precisión del valor.

- Se proporciona una visualización de las bandas de colores para referencia.

4. Manejo de errores:

- Si no se seleccionan todos los campos, se mostrará un mensaje de error.

- Asegúrese de elegir un color para cada campo antes de calcular.

5. Ejemplos prácticos:

- Resistencia roja-violeta-naranja-oro:

Resultado: 27000 Ω ±5% (27 kΩ ±5%)

- Resistencia marrón-negro-verde-plata:

Resultado: 1000000 Ω ±10% (1 MΩ ±10%)

Consideraciones importantes:

- La calculadora está diseñada para resistencias de 4 bandas.

- Los resultados son aproximados debido a las tolerancias de fabricación.

- Para mediciones precisas, use un multímetro.

3. Artículo informativo