document.addEventListener("DOMContentLoaded", () => {
const dimensionSelect = document.getElementById("dimensionSelect");
const fromUnitSelect = document.getElementById("fromUnitSelect");
const toUnitSelect = document.getElementById("toUnitSelect");
const inputValue = document.getElementById("inputValue");
const convertButton = document.getElementById("convertButton");
const resultDisplay = document.getElementById("resultValue");
const units = {
length: ["meters", "kilometers", "miles", "feet", "inches"],
weight: ["kilograms", "grams", "pounds", "ounces"],
temperature: ["Celsius", "Fahrenheit", "Kelvin"],
volume: ["liters", "milliliters", "gallons", "cubic meters"],
speed: ["km/h", "m/s", "mph"],
};
const conversionRates = {
length: { meters: 1, kilometers: 0.001, miles: 0.000621371, feet: 3.28084, inches: 39.3701 },
weight: { kilograms: 1, grams: 1000, pounds: 2.20462, ounces: 35.274 },
temperature: {
Celsius: (value, to) => (to === "Fahrenheit" ? value * 1.8 + 32 : value + 273.15),
Fahrenheit: (value, to) => (to === "Celsius" ? (value - 32) / 1.8 : ((value - 32) / 1.8) + 273.15),
Kelvin: (value, to) => (to === "Celsius" ? value - 273.15 : (value - 273.15) * 1.8 + 32),
},
volume: { liters: 1, milliliters: 1000, gallons: 0.264172, "cubic meters": 0.001 },
speed: { "km/h": 1, "m/s": 0.277778, mph: 0.621371 },
};
const updateUnits = () => {
const selectedDimension = dimensionSelect.value;
const options = units[selectedDimension];
fromUnitSelect.innerHTML = options.map(unit => `${unit} `).join("");
toUnitSelect.innerHTML = fromUnitSelect.innerHTML;
};
dimensionSelect.addEventListener("change", updateUnits);
updateUnits();
convertButton.addEventListener("click", () => {
const dimension = dimensionSelect.value;
const fromUnit = fromUnitSelect.value;
const toUnit = toUnitSelect.value;
const value = parseFloat(inputValue.value);
if (isNaN(value)) {
resultDisplay.textContent = "Please enter a valid number.";
return;
}
let result;
if (dimension === "temperature") {
result = conversionRates.temperature[fromUnit](value, toUnit);
} else {
const rateFrom = conversionRates[dimension][fromUnit];
const rateTo = conversionRates[dimension][toUnit];
result = (value * rateTo) / rateFrom;
}
resultDisplay.textContent = `${result.toFixed(2)} ${toUnit}`;
});
});
document.addEventListener("DOMContentLoaded", () => {
const dimensionSelect = document.getElementById("dimensionSelect");
const fromUnitSelect = document.getElementById("fromUnitSelect");
const toUnitSelect = document.getElementById("toUnitSelect");
const inputValue = document.getElementById("inputValue");
const convertButton = document.getElementById("convertButton");
const resultDisplay = document.getElementById("resultValue");
const units = {
length: ["meters", "kilometers", "miles", "feet", "inches"],
weight: ["kilograms", "grams", "pounds", "ounces"],
temperature: ["Celsius", "Fahrenheit", "Kelvin"],
volume: ["liters", "milliliters", "gallons", "cubic meters"],
speed: ["km/h", "m/s", "mph"],
};
const conversionRates = {
length: { meters: 1, kilometers: 0.001, miles: 0.000621371, feet: 3.28084, inches: 39.3701 },
weight: { kilograms: 1, grams: 1000, pounds: 2.20462, ounces: 35.274 },
temperature: {
Celsius: (value, to) => (to === "Fahrenheit" ? value * 1.8 + 32 : value + 273.15),
Fahrenheit: (value, to) => (to === "Celsius" ? (value - 32) / 1.8 : ((value - 32) / 1.8) + 273.15),
Kelvin: (value, to) => (to === "Celsius" ? value - 273.15 : (value - 273.15) * 1.8 + 32),
},
volume: { liters: 1, milliliters: 1000, gallons: 0.264172, "cubic meters": 0.001 },
speed: { "km/h": 1, "m/s": 0.277778, mph: 0.621371 },
};
const updateUnits = () => {
const selectedDimension = dimensionSelect.value;
const options = units[selectedDimension];
fromUnitSelect.innerHTML = options.map(unit => `${unit} `).join("");
toUnitSelect.innerHTML = fromUnitSelect.innerHTML;
};
dimensionSelect.addEventListener("change", updateUnits);
updateUnits();
convertButton.addEventListener("click", () => {
const dimension = dimensionSelect.value;
const fromUnit = fromUnitSelect.value;
const toUnit = toUnitSelect.value;
const value = parseFloat(inputValue.value);
if (isNaN(value)) {
resultDisplay.textContent = "Please enter a valid number.";
return;
}
let result;
if (dimension === "temperature") {
result = conversionRates.temperature[fromUnit](value, toUnit);
} else {
const rateFrom = conversionRates[dimension][fromUnit];
const rateTo = conversionRates[dimension][toUnit];
result = (value * rateTo) / rateFrom;
}
resultDisplay.textContent = `${result.toFixed(2)} ${toUnit}`;
});
});
top of page
Datenschutz Dies ist eine Datenschutzerklärung. Der Datenschutz ist ein wichtiger Bestandteil einer Website. Diese Vorlage enthält Beispieltexte, ist nicht vollständig und kann nicht veröffentlicht werden. Je nachdem, welche Funktionen Ihre Website aufweist, variiert der Wortlaut Ihrer Datenschutzerklärung. Passen Sie diesen Text daher an. Eine Datenschutzerklärung muss alle Komponenten Dritter auflisten, die Sie auf Ihrer Website verwenden. Achten Sie darauf, dass der Link zur Datenschutzerklärung von jeder Seite der Website aus erreichbar sein muss.
Beispielinhalte:
Datenerhebung, -nutzung und Weitergabe Erklärung über die Eigentümerschaft der auf Ihrer Website gesammelten Informationen, die Art der Datensammlung, die Weitergabe an Dritte usw.
Kontrolle über Daten Erklärung über die Möglichkeit, personenbezogene Informationen und Daten einzusehen, zu ändern und zu aktualisieren, Bedenken bezüglich der Datenverwendung usw.
Datensicherheit Schutzmaßnahmen der Nutzerdaten, Datenverschlüsselung, Serverinformationen, auf denen die Daten gespeichert werden, Datenübertragung usw.
Erfahren Sie hier mehr.
bottom of page