110°C to °F Conversion Calculator
// Handle source input sourceInput.addEventListener('input', function() { const inputVal = this.value;
if (inputVal === '' || isNaN(inputVal)) { targetInput.value = ''; resultDisplay.textContent = 'Please enter a valid temperature'; return; }
const sourceTemp = parseFloat(inputVal); const targetTemp = convert(sourceTemp, conversionType);
targetInput.value = targetTemp; updateResultDisplay(sourceTemp, targetTemp); animateResult(); });
// Handle target input targetInput.addEventListener('input', function() { const inputVal = this.value;
if (inputVal === '' || isNaN(inputVal)) { sourceInput.value = ''; resultDisplay.textContent = 'Please enter a valid temperature'; return; }
const targetTemp = parseFloat(inputVal); const sourceTemp = reverseConvert(targetTemp, conversionType);
sourceInput.value = formatTemperature(sourceTemp); updateResultDisplay(sourceTemp, targetTemp); animateResult(); });
function convert(temp, type) { if (type === 'c_to_f') { return formatNumber((temp * 9/5) + 32); } else { return formatNumber((temp - 32) * 5/9); } }
function reverseConvert(temp, type) { if (type === 'c_to_f') { return formatNumber((temp - 32) * 5/9); } else { return formatNumber((temp * 9/5) + 32); } }
function formatNumber(num) { return parseFloat(num.toFixed(2)); }
function formatTemperature(temp) { return Number.isInteger(parseFloat(temp)) ? parseInt(temp) : parseFloat(temp).toFixed(1);}
function updateResultDisplay(sourceTemp, targetTemp) { const formattedSource = formatTemperature(sourceTemp); const formattedTarget = formatNumber(targetTemp); const sourceUnit = conversionType === 'c_to_f' ? '°C' : '°F'; const targetUnit = conversionType === 'c_to_f' ? '°F' : '°C'; resultDisplay.textContent = `${formattedSource}${sourceUnit} = ${formattedTarget}${targetUnit}`; }
function animateResult() { resultDisplay.classList.add('updated'); setTimeout(() => resultDisplay.classList.remove('updated'), 300); } });