Differences

This shows you the differences between two versions of the page.

--- hot-sauces:smoky_roasted_jalapeno_25 [2025/09/12 21:30] – david
+++ hot-sauces:smoky_roasted_jalapeno_25 [2026/02/23 17:56] (current) – david
@@ Line 6: / Line 6: @@
   * 50g salz
   * 65g geräucherte jalapenos pulver
+  * 1,5kg paprika
+<html>
+<style>
+.sauce-calc { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 500px; margin: 15px 0; padding: 20px; background: #fff; border: 2px solid #d9534f; border-radius: 8px; }
+.sauce-calc h3 { margin-top: 0; color: #d9534f; }
+.sauce-calc input { width: 100%; padding: 8px; border: 2px solid #ddd; border-radius: 4px; font-size: 14px; margin-bottom: 15px; }
+.sauce-calc input:focus { outline: none; border-color: #d9534f; }
+.sauce-calc .res { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eee; }
+.sauce-calc .res:last-child { border-bottom: none; }
+.sauce-calc .amt { font-weight: bold; color: #d9534f; }
+.sauce-calc .base { background: #fff3cd; padding: 8px; margin: 0 -8px; border-left: 3px solid #d9534f; }
+</style>
+<div class="sauce-calc">
+<h3>🌶️ Mengen-Rechner</h3>
+<label><strong>Jalapeños (kg):</strong></label>
+<input type="number" id="jal" value="5" min="0.1" step="0.1" oninput="calc()">
+<div id="out"></div>
+</div>
+<script>
+const R={Jalapeños:[1,'kg',1],Paprika:[1.5/6.2,'kg',0],Zwiebeln:[1/6.2,'kg',0],Knoblauch:[0.4/6.2,'kg',0],'Condimento Bianco':[1.5/6.2,'l',0],'Paprikapulver ger.':[100/6.2,'g',0],'Jalapeño-Pulver ger.':[65/6.2,'g',0],Salz:[50/6.2,'g',0]};
+function calc(){let b=parseFloat(document.getElementById('jal').value)||0,h='';for(let[i,d]of Object.entries(R)){let a=b*d[0],c=d[1]=='g'?Math.round(a):a.toFixed(2).replace('.',','),cls=d[2]?'res base':'res';h+=`<div class="${cls}"><span>${i}</span><span class="amt">${c} ${d[1]}</span></div>`;}document.getElementById('out').innerHTML=h;}
+calc();
+</script>
+</html>