Opensauce Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
  * 1kg zwiebel
  * 6,2kg jalapeno
  * 1,5l condimento bianco
  * 0,4kg knoblauch
  * 100g geräuchertes paprikapulver
  * 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>