5545 sujets

Sémantique web et HTML

bonsoir , je suis entrain d'ecrire une recette pour mon blog et j'aimerais ajouter un code html qui calcule et affiche la quantite d'ingredients nécessaire par rapport au nombre de personnes voici une partie de mon code html5 :
<!doctype html>
<html>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h2>
Recette asiatique : Nouilles chinoise au bœuf&nbsp;</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-lFS_FR-37pM/XV2kgkY6nlI/AAAAAAAAAKk/VtZlyJYGErgBUbE5_DSebx2_l7YQOwsxwCEwYBhgL/s1600/beef-noodles-3970693_1920.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="300" src="https://1.bp.blogspot.com/-lFS_FR-37pM/XV2kgkY6nlI/AAAAAAAAAKk/VtZlyJYGErgBUbE5_DSebx2_l7YQOwsxwCEwYBhgL/s400/beef-noodles-3970693_1920.jpg" width="400" /></a></div>
<div>
<br /></div>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
</h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
<br /></h4>
<h4>
Vous avez envie d'un bol de Nouilles chinoise au bœuf avec son délicieux bouillon???? ,voici une superbe recette asiatique facile et rapide qui vas vous épater&nbsp; ????</h4>
<h4>
<br /></h4>
<h4>
INGREDIENT:</h4>
<fieldset>
<label>Quantité pour</label>
<input onblur="document.getElementById('tot1').value = 5 * this.value;" size="10" type="text" />
<label>Personnes.</label>
</fieldset>
<div>
-40 G NOUILLES</div>
<div>
-SAUCE SOJA&nbsp;</div>
<div>
-325 G FILET DE BŒUF&nbsp;</div>
<div>
-CIBOULE</div>
<div>
-CORIANDRE&nbsp;</div>
<div>
-CHILI OIL vous pouvez le remplacer par du poivron (facultatif pour moi je n'en n'ai pas mis,Si vous voulez la recette n’hésitez pas a me le dire)&nbsp;</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>

merci de m'aider voici un site qui applique cette technique pour que vous comprenez ce que je veux faire: https://gourmand.viepratique.fr/dossiers/choisir-ses-produits/la-courgette-un-legume/tortilla-aux-courgettes-la-coriandre-32459.html#post-32459
Modifié par atarxi (22 Aug 2019 - 00:02)
Bonjour,
il faut utiliser Javascript, rien de difficile, connais-tu le Javascript ? as-tu déjà tenté quelque chose ?