Formulaire calcul HTML + JS
Résolu/Fermé
coconiut
Messages postés
42
Date d'inscription
dimanche 30 juin 2002
Statut
Membre
Dernière intervention
25 septembre 2021
-
7 juil. 2013 à 17:31
coconiut Messages postés 42 Date d'inscription dimanche 30 juin 2002 Statut Membre Dernière intervention 25 septembre 2021 - 13 juil. 2013 à 17:02
coconiut Messages postés 42 Date d'inscription dimanche 30 juin 2002 Statut Membre Dernière intervention 25 septembre 2021 - 13 juil. 2013 à 17:02
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
totodunet
Messages postés
1377
Date d'inscription
mercredi 18 mars 2009
Statut
Membre
Dernière intervention
5 mars 2020
199
7 juil. 2013 à 17:56
7 juil. 2013 à 17:56
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>
coconiut
Messages postés
42
Date d'inscription
dimanche 30 juin 2002
Statut
Membre
Dernière intervention
25 septembre 2021
2
7 juil. 2013 à 19:19
7 juil. 2013 à 19:19
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.
totodunet
Messages postés
1377
Date d'inscription
mercredi 18 mars 2009
Statut
Membre
Dernière intervention
5 mars 2020
199
7 juil. 2013 à 20:20
7 juil. 2013 à 20:20
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>
totodunet
Messages postés
1377
Date d'inscription
mercredi 18 mars 2009
Statut
Membre
Dernière intervention
5 mars 2020
199
Modifié par totodunet le 7/07/2013 à 21:43
Modifié par totodunet le 7/07/2013 à 21:43
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
coconiut
Messages postés
42
Date d'inscription
dimanche 30 juin 2002
Statut
Membre
Dernière intervention
25 septembre 2021
2
13 juil. 2013 à 17:02
13 juil. 2013 à 17:02
Impeccable !Merci beaucoup Totodunet, sujet résolu.