48 lines
1.0 KiB
JavaScript
48 lines
1.0 KiB
JavaScript
'use strict';
|
|
|
|
(() => {
|
|
// ===== DOM =====
|
|
const DOM = {
|
|
temperatureForm: document.querySelector('#temperatureForm'),
|
|
celsiusInput: document.querySelector('#celsius'),
|
|
result: document.querySelector('#result'),
|
|
};
|
|
|
|
// ===== INIT =====
|
|
const init = () => {
|
|
DOM.temperatureForm.addEventListener('submit', handleFormSubmit);
|
|
};
|
|
|
|
// ===== EVENT HANDLERS =====
|
|
function handleFormSubmit(e) {
|
|
e.preventDefault(); // Standardverhalten unterbinden
|
|
const celsius = Number(DOM.celsiusInput.value);
|
|
|
|
// falsche Verneinung
|
|
if (isNaN(celsius)) {
|
|
alert('Please enter a valid number');
|
|
return;
|
|
}
|
|
|
|
const fahrenheit = convertToFahrenheit(celsius);
|
|
|
|
displayResult(fahrenheit);
|
|
|
|
DOM.temperatureForm.reset();
|
|
}
|
|
|
|
// ===== FUNCTIONS =====
|
|
function convertToFahrenheit(celsius) {
|
|
if (typeof celsius !== 'number') return NaN;
|
|
|
|
return (celsius * 9) / 5 + 32;
|
|
}
|
|
|
|
function displayResult(result) {
|
|
DOM.result.textContent = result.toFixed(2);
|
|
}
|
|
|
|
// ===== CALL INIT =====
|
|
init();
|
|
})();
|