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
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.
A voir également:

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
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>

7
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
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.
1
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
no problem, toujours du JS, dans la balise body rajouter :

<body onload="javascript:document.getElementById('nbhl').focus();">

...

</body>

1
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
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
1

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
Impeccable !Merci beaucoup Totodunet, sujet résolu.
1