Nouvelle formule dans un script

Nouvelle formule dans un script - Javascript/Node.js - Programmation

Marsh Posté le 13-12-2015 à 20:12:38    

Bonjour à tous et à toutes !
 
J'avais déjà posté il y a quelque temps pour obtenir de l'aide.
 
En résumé, je corrige des textes en français (orthographe, grammaire...).
 
A la base, je proposais deux formules (simple et approfondie) et trois sous-catégories (étudiant, particulier et professionnel). Ci-dessous le script :
 

Code :
  1. {source 0}
  2. <!DOCTYPE html>
  3. <html lang="fr">
  4. <head>
  5.   <meta charset="utf-8">
  6.   <title>Blog de correction textes</title>
  7.   <style>
  8.   body {
  9.   background-size: 5px 900px, 6px 6px;
  10.   font-family: Verdana, Geneva, sans-serif;
  11.   font-size: 13px;
  12.   color: #000309;
  13.   text-align: left;
  14.   line-height: 24px;
  15. }
  17. #page {
  18.   width: 650px;
  19.   margin: auto;
  20.   padding: 20px;
  21.   background: #d8d8d8; /* Old browsers */
  22.   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d8d8d8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  23.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  24.   background:    -moz-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* FF3.6+ */
  25.   background: -webkit-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
  26.   background:      -o-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* Opera 11.10+ */
  27.   background:     -ms-linear-gradient(top,       #d8d8d8 1%, #ffffff 100%); /* IE10+ */
  28.   background:         linear-gradient(to bottom, #d8d8d8 1%, #ffffff 100%); /* W3C */
  29. }
  31. #prix { font-weight:bold; font-size:200%; color:blue; }
  33. h1 {
  34.   font-size: 0em;
  35.   line-height: 1em;
  36.   margin: 0;
  37.   text-transform: uppercase;
  38. }
  40. fieldset {
  41.   border: none;
  42.   margin: 0 0 1ex;
  43.   padding: 0;
  44. }
  46. .explications {
  47.   border-left: solid thin #0042b0;
  48.   padding-left: 1ex;
  49. }
  51. .explications ul {
  52.   list-style: none;
  53.   font-size: 14px;
  54.   font-style: italic;
  55.   padding: 0;
  56. }
  58. .explications li {
  59.   margin: 1ex 0;
  60. }
  62. .explications h2 {
  63.   font-style: italic;
  64.   font-size: 1em;
  65.   margin: 0 0 1em;
  66. }
  68. explications h3 {
  69.   font-style: italic;
  70.   font-size: 1em;
  71.   margin: 0 0 1em;
  72. }
  74. .etape {
  75.   font-weight: bold;
  76.   text-transform: uppercase;
  77. }
  78. .etape::after {
  79.   content: "\00A0: ";
  80. }
  81.   </style>
  82. </head>
  83. <body>
  85. <!DOCTYPE html>
  86. <html lang="fr">
  87. <head>
  88.   <meta charset="utf-8">
  89.   <title>Devis pour correction &ndash; Liliana78</title>
  91. </head>
  92. <body>
  94. <section id="page">
  95.   <h1>Coût de votre correction</h1>
  96.   <form id="testform">
  97.     <fieldset>
  98.       <p>
  99.         <label for="nbchar" class="etape">Nombre de signes</label>
  100.         <input id="nbchar" type="text" name="nbchar" value="0" />
  101.       </p>
  102.       <div class="explications">
  103.         <h2>Où trouver le nombre de signes ? (Caractères + espaces) </h2>
  104.         <ul>
  105.           <li>Word 2007/2010/2013 : Cliquez sur l'onglet <strong>Révisions</strong>,
  106.             puis <strong>Vérification</strong> et enfin <strong>Statistiques</strong>.
  107.             Repérez la ligne <strong>caractères espaces compris.</strong>
  108.           </li>
  109.           <li>Word 2003/OpenOffice : Cliquez sur <strong>Outils</strong>,
  110.             puis <strong>Statistiques.</strong> Repérez la ligne
  111.             <strong>caractères espaces compris.</strong>
  112.           </li>
  113.         </ul>
  114.       </div>
  115.     </fieldset>
  116.     <fieldset>
  117.       <p>
  118.         <strong class="etape">Formule</strong>
  119.         <input  id="forumle1" type="radio" name="formule" value="1" checked="checked" />
  120.         <label for="forumle1">Simple</label>
  121.         <input  id="formule2" type="radio" name="formule" value="2" />
  122.         <label for="formule2" />Approfondie</label>
  123.        
  124.    
  125.        
  126.       </p>
  127.       <p class="details">
  128.         Voir <a href="formules/correction-reformulation">tableau comparatif</a>
  129.       </p>
  130.       <p>
  131.         <label class="etape" for="formjur">Statut</label>
  132.         <select id="formjur" name="formjur">
  133.           <option value="0">Étudiant</option>
  134.           <option value="1">Particulier</option>
  135.           <option value="2">Professionnel</option>
  136.         </select>
  137.         <input type="submit" value="Calculer" />
  138.       </p>
  139.     </fieldset>
  140.   </form>
  142.   <div id="resultat"></div>
  144. </section>
  146. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  147. <script type="text/javascript">// <![CDATA[
  148. function formatNumber (num) {
  149.     return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1 " )
  150. }
  151. $(function(){
  152.        $("input:submit" ).click(
  153.             function(){
  154.                 var calcul = 0;
  155.    var coefReduction = 10/100;
  156.                 if($("input:checked" ).val() == 1){
  157.                     if($("#formjur" ).val()== 1){
  158.                         calcul = $("#nbchar" ).val() * 0.0035;
  159.                     }else if ($("#formjur" ).val()== 2) {
  160.                         calcul = $("#nbchar" ).val() * 0.004;
  161.                     }else{
  162.                         calcul = $("#nbchar" ).val() * 0.003;
  163.                     }
  164.                 }else{
  165.                     if($("#formjur" ).val()== 1){
  166.                         calcul = $("#nbchar" ).val() * 0.0058;
  167.                     }else if ($("#formjur" ).val()== 2) {
  168.                         calcul = $("#nbchar" ).val() * 0.0066;
  169.                     }else{
  170.                         calcul = $("#nbchar" ).val() * 0.005;
  171.                     }
  172.        
  173.              
  174.                  
  175.                 }
  176.                 var resultat = Math.ceil(calcul);
  177.       var resultatMajore = resultat + (calcul * coefReduction);
  178.                 $("#resultat" ).html("Tarif généralement appliqué : <span id=\"prix\">"+formatNumber(resultat)+" &euro; </span>/ Si correction en rouge :  <span id=\"prix\">"+formatNumber(Math.round(resultatMajore))+" &euro; </span>"  );
  179.                 return false;
  182.             }
  183.        
  184.         );
  185.     });
  186. // ]]></script>


 
Je souhaiterais ajouter une troisième formule (Réécriture) avec ces tarifs : 0,08 ; 0,09 et 0,1.
 
J'ai essayé d'ajouter ces lignes, mais cela ne marche pas :
 
 

Code :
  1. <input  id="forumle1" type="radio" name="formule" value="1" checked="checked" />
  2. <label for="forumle1">Simple</label>
  3. <input  id="formule2" type="radio" name="formule" value="2" />
  4. <label for="formule2" />Approfondie</label>
  5. <input  id="formule3" type="radio" name="formule" value="3" />
  6. <label for="formule3" />Réécriture</label>


 
 

Code :
  1. if($("input:checked" ).val() == 1){
  2.                     if($("#formjur" ).val()== 1){
  3.                         calcul = $("#nbchar" ).val() * 0.0035;
  4.                     }else if ($("#formjur" ).val()== 2) {
  5.                         calcul = $("#nbchar" ).val() * 0.004;
  6.                     }else{
  7.                         calcul = $("#nbchar" ).val() * 0.003;
  8.                     }
  9.                 }else{
  10.                     if($("#formjur" ).val()== 1){
  11.                         calcul = $("#nbchar" ).val() * 0.0058;
  12.                     }else if ($("#formjur" ).val()== 2) {
  13.                         calcul = $("#nbchar" ).val() * 0.0066;
  14.                     }else{
  15.                         calcul = $("#nbchar" ).val() * 0.005;
  16.                     }
  17.                     }else{
  18.                     if($("#formjur" ).val()== 1){
  19.                         calcul = $("#nbchar" ).val() * 0.009;
  20.                     }else if ($("#formjur" ).val()== 2) {
  21.                         calcul = $("#nbchar" ).val() * 0.01;
  22.                     }else{
  23.                         calcul = $("#nbchar" ).val() * 0.008;
  24.                     }


 
Pourriez-vous m'aider, s'il vous plaît ?
 
Merci beaucoup.

Reply

Marsh Posté le 13-12-2015 à 20:12:38   

Reply

Marsh Posté le 13-12-2015 à 21:40:22    

Le HTML (<input  id...) à l'air bon, pour le JS faut faire un else if, voir ci-dessous.

Code :
  1. ......
  2. var coefReduction = 10/100;
  3.                 if($("input:checked" ).val() == 1){
  4.                     if($("#formjur" ).val()== 1){
  5.                         calcul = $("#nbchar" ).val() * 0.0035;
  6.                     }else if ($("#formjur" ).val()== 2) {
  7.                         calcul = $("#nbchar" ).val() * 0.004;
  8.                     }else{
  9.                         calcul = $("#nbchar" ).val() * 0.003;
  10.                     }
  11.                 }
  12.    else if($("input:checked" ).val() == 2) {
  13.                     if($("#formjur" ).val()== 1){
  14.                         calcul = $("#nbchar" ).val() * 0.0058;
  15.                     }else if ($("#formjur" ).val()== 2) {
  16.                         calcul = $("#nbchar" ).val() * 0.0066;
  17.                     }else{
  18.                         calcul = $("#nbchar" ).val() * 0.005;
  19.                     }
  20.                 }
  21.    else {
  22.                     if($("#formjur" ).val()== 1){
  23.                         calcul = $("#nbchar" ).val() * 0.009;
  24.                     }else if ($("#formjur" ).val()== 2) {
  25.                         calcul = $("#nbchar" ).val() * 0.01;
  26.                     }else{
  27.                         calcul = $("#nbchar" ).val() * 0.008;
  28.                     }
  29.                 }
  30.                 var resultat = Math.ceil(calcul);
  31. ......


 
Les $("#formjur" ).val()== 2 c'est pas très explicite je trouve, mais je ne saurais dire comment faire mieux. :o

Reply

Marsh Posté le 13-12-2015 à 21:40:25    

doublon


Message édité par rat de combat le 13-12-2015 à 21:40:52
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed