+
+
+ {#each UNIT_CATEGORIES.filter((c) => UNITS_BY_CATEGORY[c.id]) as cat}
+ selectCategory(cat.id)}
+ >
+ {cat.label.de}
+
+ {/each}
+
+
+
+
+
+
+
Von
+
+
+ {#each units as unit}
+ {unit.symbol} — {unit.name.de}
+ {/each}
+
+
+
+
+
+
+
+ ↕
+
+
+
+
+
+
Nach
+
+
+ {result()}
+
+
+ {#each units as unit}
+ {unit.symbol} — {unit.name.de}
+ {/each}
+
+
+
+
+
+
+ {#if fromValue && result()}
+
+ {fromValue}
+ {units.find((u: UnitDefinition) => u.id === fromUnit)?.symbol} = {result()}
+ {units.find((u: UnitDefinition) => u.id === toUnit)?.symbol}
+
+ {/if}
+
+
+
Währungsrechner
+
+
+ Betrag
+
+
+
+
+ Von
+
+ {#each currencies as c}
+ {c.code} — {c.name}
+ {/each}
+
+
+ ↔
+
+ Nach
+
+ {#each currencies as c}
+ {c.code} — {c.name}
+ {/each}
+
+
+
+
+ {#if loading}
+
Kurse laden...
+ {:else if result() !== null}
+
+
+ {fmt(result()!)}
+ {toCurrency}
+
+
+ 1 {fromCurrency} = {(rates[toCurrency] || 0).toFixed(4)}
+ {toCurrency}
+
+
+ {/if}
+
+ {#if lastUpdated}
+
{lastUpdated}
+ {/if}
+
+
+
+ {#if Object.keys(rates).length > 0}
+
+
Schnellübersicht
+
+ {#each currencies.filter((c) => c.code !== fromCurrency).slice(0, 8) as c}
+
+ {c.code}
+ {fmt(amount * (rates[c.code] || 0))}
+
+ {/each}
+
+
+ {/if}
+
+
+
+
Tage zwischen Daten
+
+
+ Von
+
+
+ Bis
+
+
+ {#if daysBetween()}
+
+
+ {daysBetween()?.days} Tage
+
+
+ = {daysBetween()?.weeks} Wochen = ~{daysBetween()?.months} Monate
+
+
+ {/if}
+
+
+
+
+
Tage addieren/subtrahieren
+
+ Startdatum
+
+
+ Tage (+/-)
+
+
+ {#each [7, 14, 30, 90, 365] as days}
+ (addDays = days)}>+{days}
+ {/each}
+
+ {#if addedDate()}
+
+
{formatDate(addedDate()!)}
+
+ {addedDate()!.toISOString().split('T')[0]}
+
+
+ {/if}
+
+
+
+
+ {#each modes as m}
+ (mode = m.id)}
+ >
+ {m.label}
+
+ {/each}
+
+
+
+ {#if mode === 'compound-interest'}
+
Zinseszinsrechner
+
+ Anfangskapital (€)
+
+
+ Zinssatz (% p.a.)
+
+
+ Laufzeit (Jahre)
+
+
+ Zinsperioden/Jahr
+
+ Jährlich
+ Vierteljährlich
+ Monatlich
+ Täglich
+
+
+
+
+ Endkapital {fmt(compoundResult().total)} €
+
+
+ Zinsen {fmt(compoundResult().interest)} €
+
+
+ {:else if mode === 'loan'}
+
Kreditrechner
+
+ Darlehensbetrag (€)
+
+
+ Zinssatz (% p.a.)
+
+
+ Laufzeit (Jahre)
+
+
+
+ Monatliche Rate {fmt(loanResult().monthly)} €
+
+
+ Gesamtkosten {fmt(loanResult().total)} €
+
+
+ Zinskosten {fmt(loanResult().interest)} €
+
+
+ {:else if mode === 'savings'}
+
Sparplanrechner
+
+ Anfangseinlage (€)
+
+
+ Monatliche Sparrate (€)
+
+
+ Zinssatz (% p.a.)
+
+
+ Laufzeit (Jahre)
+
+
+
+ Endkapital {fmt(savingsResult().total)} €
+
+
+ Eingezahlt {fmt(savingsResult().deposited)} €
+
+
+ Zinsen {fmt(savingsResult().interest)} €
+
+
+ {:else if mode === 'tip'}
+
Trinkgeld & Split
+
+ Rechnungsbetrag (€)
+
+
+ Trinkgeld (%)
+
+ {#each [10, 15, 20, 25] as pct}
+ (tipPercent = pct)}>{pct}%
+ {/each}
+
+
+
+ Aufteilen auf (Personen)
+
+
+
+ Trinkgeld {fmt(tipResult().tip)} €
+
+
+ Gesamt {fmt(tipResult().total)} €
+
+ {#if splitCount > 1}
+
+ Pro Person {fmt(tipResult().perPerson)} €
+
+ {/if}
+
+ {/if}
+
+
+
+ {#each modes as m}
+ (mode = m.id)}>{m.label}
+ {/each}
+
+
+
+ {#if mode === 'of'}
+
X% von Y
+
+ % von
+
+
+
{fmt(percentOfResult)}
+
+ {percentValue}% von {baseValue} = {fmt(percentOfResult)}
+
+
+ {:else if mode === 'change'}
+
Prozentuale Änderung
+
+ Alter Wert
+
+
+ Neuer Wert
+
+
+
+ {changeResult().percent >= 0 ? '+' : ''}{fmt(changeResult().percent)}%
+
+
Differenz: {fmt(changeResult().diff)}
+
+ {:else if mode === 'markup'}
+
Preisaufschlag
+
+ Preis (€)
+
+
+ Aufschlag (%)
+
+
+
{fmt(markupResult)} €
+
+ {fmt(price)} + {percentChange}% = {fmt(markupResult)} €
+
+
+ {:else if mode === 'discount'}
+
Rabatt
+
+ Originalpreis (€)
+
+
+ Rabatt (%)
+
+
+ {#each [10, 15, 20, 25, 50] as pct}
+ (percentChange = pct)}>{pct}%
+ {/each}
+
+
+
{fmt(discountResult)} €
+
Ersparnis: {fmt(price - discountResult)} €
+
+ {/if}
+
+
+
+
+ {#each bases as base}
+ switchBase(base.id)}
+ >
+ {base.label}
+
+ {/each}
+
+
+
+
+ {#each bases as base}
+
+ {base.label}
+
+ {activeBase === base.id ? inputValue : getConverted(base.id)}
+
+
+ {/each}
+ {#if error}
+
{error}
+ {/if}
+
+
+
+
+ {#each hexDigits as digit}
+ isDigitValid(digit) && appendDigit(digit)}
+ disabled={!isDigitValid(digit)}
+ >
+ {digit}
+
+ {/each}
+
+
+
+ C
+ ← DEL
+
+
+
+ {#if activeBase === 'dec' && inputValue !== '0'}
+ {@const num = parseInt(inputValue, 10)}
+ {#if !isNaN(num)}
+
+
+ {num} = 0x{num.toString(16).toUpperCase()} = 0b{num.toString(2)}
+
+
+ Bits: {num.toString(2).length} | Bytes: {Math.ceil(num.toString(2).length / 8)}
+
+
+ {/if}
+ {/if}
+
+
+
+
+ {expression || ' '}
+ (angleMode = angleMode === 'rad' ? 'deg' : 'rad')}
+ >
+ {angleMode.toUpperCase()}
+
+
+
+ {error || display}
+
+
+
+
+
+ {#each SCIENTIFIC_CONSTANTS.slice(0, 6) as constant}
+ append(String(constant.value))}
+ title={constant.name}
+ >
+ {constant.symbol}
+
+ {/each}
+
+
+
+ {#each sciButtons as row}
+ {#each row as btn}
+ handleButton(btn)}
+ >
+ {btn === '/' ? '÷' : btn === '*' ? '×' : btn}
+
+ {/each}
+ {/each}
+
+
+
+ C
+ ← DEL
+
+
+
+
+
+
Verlauf
+ {#if recentHistory.length === 0}
+
Noch keine Berechnungen
+ {:else}
+
+ {#each recentHistory as calc}
+
{
+ expression = calc.result;
+ display = calc.result;
+ hasResult = true;
+ }}
+ >
+ {calc.expression}
+ = {calc.result}
+
+ {/each}
+
+ {/if}
+
+
+
+
+
+
+ {#each CALCULATOR_SKINS as skin}
+
selectSkin(skin.id)}
+ role="button"
+ tabindex="0"
+ >
+
+
+
+ {#if skin.id === 'modern'}
+
+
+
+
+
+
+
+
{skin.label}
+ {#if skin.year}
+ {skin.year}
+ {/if}
+
+ {#if previewSkin === skin.id}
+
Aktiv
+ {/if}
+
+
{skin.description.de}
+
+
+ {/each}
+
+
+
+
+
Geschichte des Taschenrechners
+
+
+
+
🏛️
+
+
HP-35 (1972)
+
+ Der HP-35 war der weltweit erste wissenschaftliche Taschenrechner. Entwickelt von
+ Hewlett-Packard, machte er den Rechenschieber über Nacht obsolet. Sein Name kam daher,
+ dass er 35 Tasten hatte. Preis: $395 (heute ~$2.800).
+
+
+
+
+
+
+
+
🎒
+
+
Casio fx-82 (1985)
+
+ Die Casio fx-Serie wurde zum Synonym für Schulrechner weltweit. Mit Solarzelle und dem
+ charakteristischen grün-grauen LCD-Display war er in fast jeder Schultasche zu finden.
+ Über 100 Millionen Stück verkauft.
+
+
+
+
+
+
+
+
📊
+
+
TI-84 Plus (2004)
+
+ Der TI-84 Plus von Texas Instruments wurde zum Standard-Grafikrechner an
+ amerikanischen High Schools und Universitäten. Er konnte Funktionen plotten, Programme
+ ausführen und wurde trotz Smartphones nie abgelöst.
+
+
+
+
+
+
+
+
+
+
+ (showSkinPicker = !showSkinPicker)}
+ >
+ 🎨 {CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.label || 'Modern'}
+ {#if CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.year}
+ ({CALCULATOR_SKINS.find((s) => s.id === activeSkin)?.year})
+ {/if}
+
+
+
+
+ {#if showSkinPicker}
+
+
+ {#each CALCULATOR_SKINS as skin}
+
setSkin(skin.id)}
+ >
+ {skin.label}
+ {#if skin.year}
+ {skin.year}
+ {/if}
+
+ {/each}
+
+
+ {/if}
+
+
+ {#if activeSkin === 'modern'}
+
+ {:else if activeSkin === 'hp35'}
+
+ {:else if activeSkin === 'casio-fx'}
+
+ {:else if activeSkin === 'ti84'}
+
+ {:else if activeSkin === 'minimal'}
+
+ {/if}
+
+
+
+
+
Verlauf
+ {#if recentHistory.length === 0}
+
Noch keine Berechnungen
+ {:else}
+
+ {#each recentHistory as calc}
+
{
+ expression = calc.result;
+ display = calc.result;
+ hasResult = true;
+ }}
+ >
+ {calc.expression}
+ = {calc.result}
+
+ {/each}
+
+
calculationsStore.clearHistory()}
+ >
+ Verlauf löschen
+
+ {/if}
+
+