sylvain/recette-gratin-dauphinois
1
0
Fork 0
generated from cuisine/gratin-dauphinois
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajouter index.html

Browse Source
This commit is contained in:
sylvain
2025-05-19 11:55:58 +00:00
parent 227407c28a
commit 6ca48cf2c3
1 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.html Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Gratin Dauphinois</title>
</head>
<body>
<h1>Recette de Gratin Dauphinois</h1>
<label for="portions">Nombre de personnes :</label>
<input type="number" id="portions" value="4" min="1" onchange="updateQuantities()">
<h2>Ingrédients</h2>
<ul>
<li><span id="pommes">1</span> kg de pommes de terre</li>
<li><span id="creme">25</span> cl de crème fraîche épaisse</li>
<li><span id="lait">25</span> cl de lait entier</li>
<li><span id="ail">1</span> gousse d'ail</li>
<li><span id="fromage">60</span> g de fromage râpé</li>
</ul>
<script>
const base = {
pommes: 1, // kg
creme: 25, // cl
lait: 25, // cl
ail: 1, // gousse
fromage: 60 // g
};
function updateQuantities() {
const portions = document.getElementById("portions").value;
document.getElementById("pommes").textContent = (base.pommes * portions / 4).toFixed(2);
document.getElementById("creme").textContent = (base.creme * portions / 4).toFixed(2);
document.getElementById("lait").textContent = (base.lait * portions / 4).toFixed(2);
document.getElementById("ail").textContent = Math.ceil(base.ail * portions / 4);
document.getElementById("fromage").textContent = (base.fromage * portions / 4).toFixed(0);
}
</script>
</body>
</html>