Formulaire calcul HTML + JS
Résolu
coconiut
Messages postés
42
Date d'inscription
Statut
Membre
Dernière intervention
-
coconiut Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
coconiut Messages postés 42 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Ne connaissant pas du tout la programmation Java Script, je demande votre aide afin de compléter la conversion de mon site en application mobile.
Je voudrais sur une page créer un formulaire (champs de valeurs) en HTML, dans lequel on puisse rentrer une valeur,puis en cliquant sur un bouton "entrée" avoir dans un autre champ le résultat de cette opération (une division) ex: nombres d'hectolitres: 50 ; résultat : 6666.6 bouteilles de 75cl. (50/0.0075).
Merci pour votre aide.
Ne connaissant pas du tout la programmation Java Script, je demande votre aide afin de compléter la conversion de mon site en application mobile.
Je voudrais sur une page créer un formulaire (champs de valeurs) en HTML, dans lequel on puisse rentrer une valeur,puis en cliquant sur un bouton "entrée" avoir dans un autre champ le résultat de cette opération (une division) ex: nombres d'hectolitres: 50 ; résultat : 6666.6 bouteilles de 75cl. (50/0.0075).
Merci pour votre aide.
A voir également:
- Calcul js
- Calcul moyenne excel - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Calcul charpente bois gratuit - Télécharger - Architecture & Déco
- Logiciel gratuit calcul valeur nutritionnelle - Télécharger - Santé & Bien-être
- Logiciel gratuit calcul surface m2 - Télécharger - Outils professionnels
5 réponses
salut! un petit script avec formulaire que je te propose :
<form>
<input type="text" id="nbhl" placeholder="Nombre d'hectolitres"/>
<input type="button" value="Calculer" onclick="javascript:document.getElementById('resultat').innerHTML=document.getElementById('nbhl').value/0.0075+' bouteilles de 75 cl.';"/>
<p id="resultat"></p>
</form>
<form>
<input type="text" id="nbhl" placeholder="Nombre d'hectolitres"/>
<input type="button" value="Calculer" onclick="javascript:document.getElementById('resultat').innerHTML=document.getElementById('nbhl').value/0.0075+' bouteilles de 75 cl.';"/>
<p id="resultat"></p>
</form>
Merci beaucoup totodunet pour la rapidité de réponse et le résultat. C'est tout à fait ce que je recherchais :-))
Petite amélioration... la page peut-elle s'ouvrir avec déjà le pointeur à l'intérieur du champ à remplir ? que la personne n'est qu'à rentrer un chiffre sans avoir à pointer le champ en premier ?
Merci, et bonne soirée.
Petite amélioration... la page peut-elle s'ouvrir avec déjà le pointeur à l'intérieur du champ à remplir ? que la personne n'est qu'à rentrer un chiffre sans avoir à pointer le champ en premier ?
Merci, et bonne soirée.
no problem, toujours du JS, dans la balise body rajouter :
<body onload="javascript:document.getElementById('nbhl').focus();">
...
</body>
<body onload="javascript:document.getElementById('nbhl').focus();">
...
</body>
plus simple ! juste en html :
<input type="text" id="nbhl" placeholder="Nombre d'hectolitres" autofocus/>
il me semblait bien qu'il existait cet attribut là^^ je l'avais déjà utilisé quand je connaissais pas le JS. c'est une des nouveautés du HTML5
si ta page est en XHTML il faut mettre à la place autofocus="autofocus"
source : https://www.w3schools.com/tags/att_input_autofocus.asp
Qui ne tente rien n'a rien
<input type="text" id="nbhl" placeholder="Nombre d'hectolitres" autofocus/>
il me semblait bien qu'il existait cet attribut là^^ je l'avais déjà utilisé quand je connaissais pas le JS. c'est une des nouveautés du HTML5
si ta page est en XHTML il faut mettre à la place autofocus="autofocus"
source : https://www.w3schools.com/tags/att_input_autofocus.asp
Qui ne tente rien n'a rien
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question