sc mining calcul

<meta charset="UTF-8">

<link href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<center>
<br />
Poids de la roche
<br />
<br />
<div class="input-group col-md-2">
  <input id="poidmax" type="text" class="form-control" placeholder="0">
  <div class="input-group-append">
    <span class="input-group-text">Masse</span>
  </div>
</div>
<br />
<table style="display:inline;"class="table col-md-3">
  <thead>
    <tr>
      <th scope="col">Minerai</th>
      <th scope="col">Pourcentage</th>
      <th scope="col">aUEC / Masse</th>
      <th scope="col">Poids</th>
      <th scope="col">Gain estimé</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Agricium</td>
      <td>
        <div class="input-group">
          <input id="agriciump100" type="text" class="col-md-4 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">%</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input id="agriciumprixu" type="text" class="col-md-3 form-control" value="26.88">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="agriciumkg" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="agriciumprix" type="text" class="col-md-5 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td>Laranite</td>
      <td>
        <div class="input-group">
          <input id="laranitep100" type="text" class="col-md-4 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">%</span>
          </div>
        </div>
      </td>
       <td>
        <div class="input-group">
          <input id="laraniteprixu" type="text" class="col-md-3 form-control" value="30.25">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="laranitekg" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="laraniteprix" type="text" class="col-md-5 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td>Taranite</td>
      <td>
        <div class="input-group">
          <input id="taranitep100" type="text" class="col-md-4 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">%</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input id="taraniteprixu" type="text" class="col-md-3 form-control" value="32.52">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="taranitekg" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="taraniteprix" type="text" class="col-md-5 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">aUEC</span>
          </div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

<br />
<br />

<table style="display:inline;" class="table col-md-3">
<thead class="table-secondary">
    <tr>
       <th style="text-align: center;"" colspan="2">Agricium</th>
    </tr>
  </thead>
  <tbody class="table-secondary">
    <tr>
      <td>
        <div class="input-group">
          Ramassé
        </div>
      </td>
      <td>
        <div class="input-group">
          <input id="agricium_centre" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="input-group">
        Agricium Restant
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="agriciumrestante" type="text" class="col-md-6 form-control" value="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
  </tbody>
 </table>

<table style="display:inline;" class="table col-md-3">
<thead class="table-secondary">
    <tr>
       <th style="text-align: center;"" colspan="2">Laranite</th>
    </tr>
  </thead>
  <tbody class="table-secondary">
    <tr>
      <td>
        <div class="input-group">
          Ramassé
        </div>
      </td>
      <td>
        <div class="input-group">
          <input id="laranite_centre" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="input-group">
        Laranite Restant
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="laraniterestante" type="text" class="col-md-6 form-control" value="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
  </tbody>
 </table>

 <table style="display:inline;" class="table col-md-3">
<thead class="table-secondary">
    <tr>
       <th style="text-align: center;"" colspan="2">Taranite</th>
    </tr>
  </thead>
  <tbody class="table-secondary">
    <tr>
      <td>
        <div class="input-group">
          Ramassé
        </div>
      </td>
      <td>
        <div class="input-group">
          <input id="taranite_centre" type="text" class="col-md-6 form-control" placeholder="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="input-group">
        Taranite Restant
        </div>
      </td>
      <td>
        <div class="input-group">
          <input disabled id="taraniterestante" type="text" class="col-md-6 form-control" value="0">
          <div class="input-group-append">
            <span class="input-group-text">Masse</span>
          </div>
        </div>
      </td>
    </tr>
  </tbody>
 </table>

<br /><br />
<button onclick="myFunction()" type="button" class="btn btn-primary">Calculer</button>
<button onclick="myFunction2()" type="button" class="btn btn-primary">Reset</button>
<script>
function myFunction() {
  // poids total
  var poidtotal = document.getElementById("poidmax").value;

  // agricium
  var agriciump100 = document.getElementById("agriciump100").value;
  var agriciumrestante = document.getElementById("agriciumrestante").value;
  var agricium_centre = document.getElementById("agricium_centre").value;
  var agriciumprixu = document.getElementById("agriciumprixu").value;

  var retourvaleuragriciump = poidtotal * agriciump100 / 100;
  var agriciumprix = agriciumprixu * retourvaleuragriciump;
  var retourvaleuragriciumrestante = retourvaleuragriciump - agricium_centre;

  document.getElementById("agriciumprix").value = agriciumprix.toFixed(2);
  document.getElementById("agriciumrestante").value = retourvaleuragriciumrestante;
  document.getElementById("agriciumkg").value = retourvaleuragriciump;

 // laranite
  var laranitep100 = document.getElementById("laranitep100").value;
  var laraniterestante = document.getElementById("laraniterestante").value;
  var laranite_centre = document.getElementById("laranite_centre").value;
  var laraniteprixu = document.getElementById("laraniteprixu").value;

  var retourvaleurlaranitep = poidtotal * laranitep100 / 100;
  var laraniteprix = laraniteprixu * retourvaleurlaranitep;
  var retourvaleurlaraniterestante = retourvaleurlaranitep - laranite_centre;

  document.getElementById("laraniteprix").value = laraniteprix.toFixed(2);
  document.getElementById("laraniterestante").value = retourvaleurlaraniterestante;
  document.getElementById("laranitekg").value = retourvaleurlaranitep;

  // taranite
  var taranitep100 = document.getElementById("taranitep100").value;
  var taraniterestante = document.getElementById("taraniterestante").value;
  var taranite_centre = document.getElementById("taranite_centre").value;
  var taraniteprixu = document.getElementById("taraniteprixu").value;

  var retourvaleurtaranitep = poidtotal * taranitep100 / 100;
  var taraniteprix = taraniteprixu * retourvaleurtaranitep;
  var retourvaleurtaraniterestante = retourvaleurtaranitep - taranite_centre;

  document.getElementById("taraniteprix").value = taraniteprix.toFixed(2);
  document.getElementById("taraniterestante").value = retourvaleurtaraniterestante;
  document.getElementById("taranitekg").value = retourvaleurtaranitep;
}
function myFunction2() {
document.location.reload(true);
}
</script>
</center>