Calculateur de prix

Signaler
-
 diasse -
Bonjour,

Bonjour, Je recherche quelqu'un pour créer un programme de simulation (calculatrice) Il faut pouvoir l'intégrer sur un site qui sera un site de quelques pages pour pouvoir accéder à ce simulateur. Il faut y inclure : - Nom - Prénom - Numéro de téléphone - Mail

Configuration: Windows / Chrome 89.0.4389.90

4 réponses

Messages postés
32276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 mai 2021
3 448
Bonjour,

Tu fais erreur... ce forum n'est pas là pour trouver une développeur qui fera le taff à ta place.
On veut bien t'aider à le réaliser... mais il faut que tu désires apprendre à le faire par toi même et que tu nous montres ce que tu as déjà commencé à faire et que tu précises sur quoi tu bloques exactement.
Sans ces efforts, aucune aide ne te sera fournie.

Messages postés
32276
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 mai 2021
3 448
Bonjour,

Pas très clair ton explication...
On ne voit pas trop ce que tu as réellement essayer ou non de faire ...

Quoi qu'il en soit :
Lorsque tu postes du code sur le forum, tu dois utiliser les balises de code.
Explications ( à lire entièrement ! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite,
Il faut récupérer la valeur de tes inputs.
Pour ça, tu pourrais utiliser, par exemple, la fonction document.getElementById pour cibler chaque input et lire la valeur gràce à la méthode .value

Par exemple
var largeurMur = document.getElementById('largeur_mur').value;

NB: Tu remarques que j'ai mis un underscore entre largeur et mur .. faudra faire pareil dans tes attributs html !
On ne met jamais d'espaces dans un nom ou un id ...


Salut,
tout est faux dans ce que vous avez écrit:

Côté HTML
Un input est un élément de formulaire(balise form).
Renseignez vous sur comment écrire un formulaire HTML et des inputs au passage(zone ou éléments de "saisie"):
Un attribut de balise ID ou NAME ne peut pas comporter d'espace.

Donc ça sera plutôt par exemple
<input type="text" id="hauteurmur" name="hauteurmur" type="number" required />

Au passage on peut mais un peu redondant de mettre 2 fois le même nom sur un input et un name. Un seul suffit ou alors(si on veut charger et se compliquer l'écriture) les désigner autrement aide à y voir plus clair et éviter de mélanger les 2.

type="price"
vraiment?
Regardez plutôt par ici:

https://www.w3schools.com/html/html_form_input_types.asp

Côté JavaScript:
console.log("largeur mur :"+largeur mur); 


Un nom de variable doit respecter une syntaxe. Ici ce n'est pas le cas. Pas d'espace dans un nom de variable.
Une variable doit être déclarée(dans le JavaScript).
Pour récupérer une valeur dans la page HTML il faut utiliser un sélecteur, exemple:

https://www.w3schools.com/jsref/met_document_getelementbyid.asp

Dans notre cas l'action à faire doit être déclenchée quelque part(programmation événementielle), par exemple en appuyant sur le bouton d'envoi du formulaire HTML.
D'où l'intérêt d'un formulaire.


C'est pas très loin(enfin il n'y a pas de calcul qui est une simple multiplication longueur par largeur avec un tarif appliqué à la surface.

Pas d'unité indiqué ça risque pas d'être clair et de donner envie d'avoir un devis.

Exemple d'un calcul avec JavaScript, puisque sur cette partie (la plus simple) vous avez rien fait et le reste est faux(mais avec les liens que j'ai mis vous pouvez facilement corriger):

var prixdupainHT = 0.70;
var tva = 5,5/100;
var nombrepain = 2;
//--début des calculs:
var painTTC = 0.70*(1+tva);
var totalTTC = nombrepain*painTTC;

console.log("prix du pain à l'unité "+painTTC);
console.log("total client "+totalTTC);


Vous pouvez tester ça affichera bien les r'ésultats dans la console.
Par contre vous n'aurez rien dans la console à part des messages d'erreurs.
Il faut donc traquer ce qu'il veulent dire, ici une erreur de syntaxe parce que vous utilisez des variables(valeurs du programme JavaScript) qui n'existent pas: un INPUT HTML n'est pas une valeur du programme tant que le programme n'est pas allé la chercher(voir les sélecteurs du DOM et l'exemple indiqué dans le lien).

Donc votre console n'affichera rien.

Bien sûr la fonction étant mal formée(car pas d'accolades fermantes) c'est une erreur aussi.
La moindre erreur dans un programme et rien ne fonctionnera.
Un ordinateur est idiot, il ne sait pas rectifier lui même ce que vous lui dites, si vous lui dites du faux il fera du faux(ou plus probablement rien du tout).

Vous n'êtes pas trop loin mais plutôt que d'essayer d'inventer le mieux ne serait il pas d'apprendre? A commencer par les bases de la programmation et de JavaScript(après avoir celles du HTML bien entendues si le but est de manipuler le HTML avec JavaScript).

ps: Il manque bien sûr de devoir écrire le résultat dans la page dans le raisonnement.
Mais bon quand vous en serez à ce point la suite sera évidente.
bonjour
merci pour ta réponse
mon soucis ce le calculateur de prix que je suis bloqué
L*L*H= prix total



largeur mur:<input id="largeur mur" name="largeur mur" required="" type="number"></p>
hauteur mur:<input id="hauteur mur" name="hauteur mur" required="" type="number"></p>
longueur mur:<input id="longueur mur" name="longueur mur" required="" type="number"></p>

<p></p><input type="button" onclick="calculer();" value="Calculer" /></p>

<p>Tarifs (en €)<input id="Tarifs" name="tarifs" required="" type="price" /></p>
<script type="text/javascript">
function calculer(){

console.log("largeur mur :"+largeur mur);
console.log("hauteur mur :"+hauteur mur);
console.log("longueur mur :"+longueur mur);


largeur mur:


hauteur mur:


longueur mur:




Calculer




Tarifs (en €)