title: The construction of my conditions in my function does not work. The program doesn't want to execute my condition?
body: <p>In this function, the program does not want to consider my if condition. I stupidly tried to reverse the <code>if</code> and <code>else if</code>, but of course, that doesn't change anything.</p>
  
  <p>I want that when the input value is &lt; to 12000, the text-content of "amount6" be "no-qualified!". And when the input value is >= 12000, the text-content of the paragraphe "marginAmount6", be the operation's result.</p>
  
  <p>HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function calcAmount6() {
    var userAmount5 = document.getElementById("amount6").value;
    var userAmount6 = document.getElementById("amount7").value;
    var oneLevel1 = 12000;
    if (userAmount5 + userAmount6 &lt; oneLevel1) {
      document.getElementById("marginAmount6").textContent = "Non-qualifié!";
    } else if (userAmount5 + userAmount6 &gt;= oneLevel1) {
      document.getElementById("marginAmount6").textContent =
        Math.round(userAmount5 * 13 / 100) + (userAmount6 * 5 / 100) + "€";
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;CALCUL GAINS PILOTE QUALIFIE&lt;/p&gt;
  &lt;p class="minimum2"&gt;(Points total minimum groupe conseillers + groupe animateurs = 12000 )&lt;/p&gt;
  &lt;div class="blocklabel5"&gt;
    &lt;label for="points amount" class="label6"&gt;Entrez points groupe 
      conseillers&lt;/label&gt;
    &lt;input type="number" class="amountEnter6" id="amount6"&gt;
  &lt;/div&gt;
  &lt;div class="blocklabel6"&gt;
    &lt;label for="points amount" class="label7"&gt;Entrez points groupe 
      animateurs&lt;/label&gt;
    &lt;input type="number" class="amountEnter7" id="amount7"&gt;
    &lt;input type="submit" value="Commissions pilote qualifié" id="submit7" class="submitEnter7" onclick="calcAmount6()"&gt;
  &lt;/div&gt;
  &lt;p id="marginAmount6" class="enterMargin6"&gt;0€&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>