Taschenrechner aus Glas
Ein funktionierender Taschenrechner mit Glastasten, die beim Drücken einsinken, über einem bunten Hintergrund.
Einstellungen
Code
<div class="uv-gcl"><output class="ds" aria-live="polite">0</output><div class="kp"><button type="button" class="fn" data-k="C">C</button><button type="button" class="fn" data-k="±">±</button><button type="button" class="fn" data-k="%">%</button><button type="button" class="op" data-k="÷">÷</button><button type="button" data-k="7">7</button><button type="button" data-k="8">8</button><button type="button" data-k="9">9</button><button type="button" class="op" data-k="×">×</button><button type="button" data-k="4">4</button><button type="button" data-k="5">5</button><button type="button" data-k="6">6</button><button type="button" class="op" data-k="−">−</button><button type="button" data-k="1">1</button><button type="button" data-k="2">2</button><button type="button" data-k="3">3</button><button type="button" class="op" data-k="+">+</button><button type="button" class="zr" data-k="0">0</button><button type="button" data-k=",">,</button><button type="button" class="eq" data-k="=">=</button></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Liquid Glass
Alle ansehen: Liquid GlassWofür du ihn nutzen kannst
Ein Taschenrechner ist die perfekte Bühne für Glastasten, weil er nur aus Buttons besteht. Dieser rechnet wirklich: Ziffern, Dezimalkomma, Vorzeichenwechsel, Prozent und die vier Grundrechenarten, der aktive Operator bleibt weiß hervorgehoben, bis die nächste Zahl kommt. Jede Taste ist eine mattierte Pille, die beim Drücken leicht schrumpft, über großen bunten Formen.
Ergebnisse nutzen die Trennzeichen der Seitensprache, lange Zahlen werden gekürzt. Nutze ihn in Widgets, Trinkgeld- oder Kreditrechnern oder als verspielte Demo des Materials und stimme das Glas mit den Reglern ab.