Calculs avec javascript
Fermé
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
-
Modifié le 27 mars 2020 à 11:36
jordane45 Messages postés 38264 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 octobre 2024 - 27 mars 2020 à 19:56
jordane45 Messages postés 38264 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 octobre 2024 - 27 mars 2020 à 19:56
A voir également:
- Calculs avec javascript
- Telecharger javascript - Télécharger - Langages
- Barbara veut calculer automatiquement son budget dans un tableau. citez un des logiciels lui permettant de faire des calculs sur des tableaux de nombres (tableur). - Forum Musique / Radio / Clip
- Node.js javascript runtime virus ✓ - Forum Virus
- Calculer une moyenne sur excel avec coefficient - Guide
- Citez un des logiciels lui permettant de faire des calculs sur des tableaux de nombres (tableur). ✓ - Forum LibreOffice / OpenOffice
3 réponses
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
4 694
27 mars 2020 à 11:34
27 mars 2020 à 11:34
Bonjour,
Sans nous montrer le code concerné (ce que tu as déjà commencé à faire....)
cela va être compliqué de te répondre.
NB: Pour poster ton code, merci d'utiliser les balises de code
Explication ( à lire en entier !! ) disponible ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Sans nous montrer le code concerné (ce que tu as déjà commencé à faire....)
cela va être compliqué de te répondre.
NB: Pour poster ton code, merci d'utiliser les balises de code
Explication ( à lire en entier !! ) disponible ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
27 mars 2020 à 15:03
27 mars 2020 à 15:03
<!DOCTYPE html> <html> <head> <title>JS</title> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta name="description" content="A word counter built in HTML/CSS/JS. Shows number of characters, words, reading time and readability score. Also generates a list of top keywords."> </head> <body> <div class="container"> <h1>JS</h1> <textarea placeholder="Collez ici..."></textarea> <div class="right"> <a href="javascript:window.location.reload()">Réinitialiser JS</a> </div> <div class="output row"> <div>DURÉE ► <span id="readingTime">0</span></div> <div>NOMBRE DE MOTS ► <span id="wordCount">0</span></div> </div> <div class="output row"> <div>PHRASES ► <span id="sentenceCount">0</span></div> <div>PARAGRAPHES ► <span id="paragraphCount">0</span></div> </div> <div class="output row"> <div>CHARACTÈRES ► <span id="characterCount">0</span></div> <div id="readability">Show readability score.</div> </div> <div class="keywords"> Mots les plus utilisés : <ul id="topKeywords"> </ul> </div> </div> <script type="text/javascript" src="js/word-counter.js"></script> </body> </html>
Oui j'ai travaillé sur le html. le voici propre.
Je n'arrive pas mettre en place les calculs.
En fait j'aimerai pouvoir calculer un prix sur 156 (mots) avec des options.
Par exemple : choisir dans une combo " texte poésie " ou "article de blog"
Si "poésie" est sélectionné :
0.80 centimes le mot si < 100 mots,
0.75cts si > 100 mots < 200 mots
et 0.50cts si > 200 mots.
un article de blog le prix mots serait différent
0.70 centimes le mots si < 100 mots,
0,65cts si > 100 mots < 200 mots
et 0.60cts si > 200 mots.
Et afficher le prix dans une nouvelle zone : Prix ► xxxxx €.
Et avoir deux cases à cocher qui modifieraient le résultat trouvé (une case qui ajoute +10€ et l'autre ajoute +20€)
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
4 694
27 mars 2020 à 15:17
27 mars 2020 à 15:17
Je ne vois ni les cases à cocher... ni l'endroit où tu veux afficher ton prix... ni le code que tu as déjà essayé de réaliser pour faire ce calculs.
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
27 mars 2020 à 15:21
27 mars 2020 à 15:21
Je ne sais pas du tout comment on fait ça. J'ai essayé des bouts de codes depuis hier soir trouvé sur internet, depuis je m'arrache les cheveux...
Hier soir j'ai abandonné et me suis couché pour reprendre ce matin.
SI j'avais le code, je pourrais rajouter autant d'options que je veux en reprenant et comprenant la structure du code.
Hier soir j'ai abandonné et me suis couché pour reprendre ce matin.
SI j'avais le code, je pourrais rajouter autant d'options que je veux en reprenant et comprenant la structure du code.
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
4 694
Modifié le 27 mars 2020 à 15:29
Modifié le 27 mars 2020 à 15:29
Tu peux au moins faire le html...
La liste déroulante (ta "combo")
https://developer.mozilla.org/fr/docs/Web/HTML/Element/select
Les cases à cocher :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/checkbox
Sans oublier de mettre un ID à chaque élément qu'il faudra ensuite manipuler via le javascript.
Pour ce qui est du code ensuite,
Il ne faut pas prendre des bouts de code au hasard et espérer que ça marche du premier coup...... il faut plutôt faire en sorte de les comprendre.
Pour ça, il existe de nombreuses documentations sur le net et des tutos pour apprendre le javascript.
Cibler un élément via son id :
https://developer.mozilla.org/fr/docs/Web/api/Document/getElementById
Faire un test
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/if...else
etc...
La liste déroulante (ta "combo")
https://developer.mozilla.org/fr/docs/Web/HTML/Element/select
Les cases à cocher :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/checkbox
Sans oublier de mettre un ID à chaque élément qu'il faudra ensuite manipuler via le javascript.
Pour ce qui est du code ensuite,
j'ai essayé des bouts de codes depuis hier soir trouvé sur internet
Il ne faut pas prendre des bouts de code au hasard et espérer que ça marche du premier coup...... il faut plutôt faire en sorte de les comprendre.
Pour ça, il existe de nombreuses documentations sur le net et des tutos pour apprendre le javascript.
Cibler un élément via son id :
https://developer.mozilla.org/fr/docs/Web/api/Document/getElementById
Faire un test
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/if...else
etc...
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
>
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
27 mars 2020 à 15:37
27 mars 2020 à 15:37
C'est fait :-)
<!DOCTYPE html> <html> <head> <title>JS</title> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta name="description" content="A word counter built in HTML/CSS/JS. Shows number of characters, words, reading time and readability score. Also generates a list of top keywords."> </head> <body> <div class="container"> <h1>JS</h1> <textarea placeholder="Collez ici..."></textarea> <div class="right"> <a href="javascript:window.location.reload()">Réinitialiser JS</a> </div> <div class="output row"> <div>DURÉE ► <span id="readingTime">0</span></div> <div>NOMBRE DE MOTS ► <span id="wordCount">0</span></div> </div> <div class="output row"> <div>PHRASES ► <span id="sentenceCount">0</span></div> <div>PARAGRAPHES ► <span id="paragraphCount">0</span></div> </div> <div class="output row"> <div>CHARACTÈRES ► <span id="characterCount">0</span></div> <div id="readability">Show readability score.</div> </div> <label for="pet-select">Type de texte:</label> <select name="type" id="type-select"> <option value="">--Choisir une option--</option> <option value="poesie">Poésie</option> <option value="blog">Blog</option> </select> <div> <input type="checkbox" id="option10" name="option10" checked> <label for="option10">+10€</label> </div> <div> <input type="checkbox" id="option20" name="option20"> <label for="option20">+20€</label> </div> <div class="keywords"> Mots les plus utilisés : <ul id="topKeywords"> </ul> </div> </div> <script type="text/javascript" src="js/word-counter.js"></script> </body> </html>
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
4 694
>
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
Modifié le 27 mars 2020 à 15:51
Modifié le 27 mars 2020 à 15:51
Un exemple de ce qui est possible de faire
le reste.. ce ne sont que des conditions et des multiplications...
je te laisse chercher.
<!DOCTYPE html> <html> <head> <title>JS</title> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta name="description" content="A word counter built in HTML/CSS/JS. Shows number of characters, words, reading time and readability score. Also generates a list of top keywords."> </head> <body> <div class="container"> <h1>JS</h1> <textarea placeholder="Collez ici..."></textarea> <div class="right"> <a href="javascript:window.location.reload()">Réinitialiser JS</a> </div> <div class="output row"> <div>DURÉE ► <span id="readingTime">0</span></div> <div>NOMBRE DE MOTS ► <span id="wordCount">0</span></div> </div> <div class="output row"> <div>PHRASES ► <span id="sentenceCount">0</span></div> <div>PARAGRAPHES ► <span id="paragraphCount">0</span></div> </div> <div class="output row"> <div>CHARACTÈRES ► <span id="characterCount">0</span></div> <div id="readability">Show readability score.</div> </div> <label for="pet-select">Type de texte:</label> <select name="type" id="type-select"> <option value="">--Choisir une option--</option> <option value="poesie">Poésie</option> <option value="blog">Blog</option> </select> <div> <input type="checkbox" id="option10" name="option10" checked> <label for="option10">+10€</label> </div> <div> <input type="checkbox" id="option20" name="option20"> <label for="option20">+20€</label> </div> <div class="keywords"> Mots les plus utilisés : <ul id="topKeywords"> </ul> </div> <div class=""> <span> PRIX :</span><span id="sp_prix"></span> </div> </div> <script type="text/javascript" src="js/word-counter.js"></script> <script type="text/javascript"> input.addEventListener('keyup', function() { calculPrix(); }); function calculPrix(){ var typeSelect = document.getElementById('type-select'); valTS = typeSelect.value; if(valTS == "poesie" ){ alert('Vous avez choisi poesie'); }else if(valTS == "blog"){ alert('Vous avez choisi Blog'); }else{ console.log('Aucune option choisie...'); } //affichage dans la zone prix document.getElementById('sp_prix').innerHTML = '100'; } </script> </body> </html>
le reste.. ce ne sont que des conditions et des multiplications...
je te laisse chercher.
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
>
jordane45
Messages postés
38264
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
31 octobre 2024
27 mars 2020 à 16:02
27 mars 2020 à 16:02
Merci je le test tout de suite !
Pour le reste, je pourrai te mettre mon code "amateur" que j'aurai testé en retour ?
Pour le reste, je pourrai te mettre mon code "amateur" que j'aurai testé en retour ?
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
>
nathan2020
Messages postés
9
Date d'inscription
vendredi 27 mars 2020
Statut
Membre
Dernière intervention
27 mars 2020
27 mars 2020 à 16:05
27 mars 2020 à 16:05
La fenetre alerte me gène si je modifie le texte...elle apparait à chaque fois.
Pour les opérations c'est là que je galère total... :-(
Pour les opérations c'est là que je galère total... :-(
27 mars 2020 à 12:40
27 mars 2020 à 14:14
Et pour la partie Html ?
Qu'as tu commencé à faire exactement ?
Sur quoi bloques tu précisément ?
Ici on ne fait pas le travail à votre place... mais on veut bien aider à corriger en cas de difficultés.