'How to update Brutto based off of VAT Netto and ilosc?

I want to update kwota brutto, wartosc netto and wartosc brutto based off of ilosc kwota netto and vat but it doesn't seem to work. I literally have no clue what casues it to not work. I need it to update everytime someone clicks VAT frop down list and picks vat(tax) value. I want it to be 100% javascript because i don't want to use something i don't understand JS:

function brutto(){
  let tab = document.getElementById('tab');
  let rows = document.getElementById('tab').rows.length;
  let netto = document.getElementsByClassName('netto');
  let ilosc = document.getElementsByClassName('ilosc');
  let vat = document.getElementsByClassName('vat');
  let brutto = document.getElementsByClassName('brut');
  let warnet = document.getElementsByClassName('warnet');
  let warbrut = document.getElementsByClassName('warbrut');
  for (var i=0;i < tab.length;i++){
    let net = netto[i].value;
    let vatt =vat[i].value;
    if (vatt==="ZW" || vatt==='NP' || vatt==='0%'){
      vatt =100;
    }else if (vatt==='3%'){
      vatt=103;
    }else if(vatt==='8%'){
      vatt = 108;
    }else if (vatt==='23%'){
      vatt= 123;
    } else brut.innerHTML='';
    let il = ilosc[i].value;

    brutto[i].innerHTML = ((net/100)*vatt).toFixed(2);
    console.log(brut);
  }
}
<div class="Lewy">
  <div id="menu"><p>Menu</p>
    <ul id="linki">
      <li><a href="index.html">Strona Główna</a></li>
      <li><a href="rkhtml.html">Różne kontrolki HTML</a></li>
      <li><a href="tprac.html">Tabela Pracowników</a></li>
      <li><a href="fVAT.html">Tabela Faktur VAT</a></li>
      <li><a href="del.html">Tabela Delegacji BD</a></li>
      <li><a href="forum.php">Dane Kontrahentów</a></li>
    </ul>
  </div>
</div>
<div class="Prawy">
  <table id="tab">
    <tr>
      <th> Lp.   </th>
      <th> Opis   </th>
      <th> MPK   </th>
      <th> Kwota Netto   </th>
      <th> Ilość   </th>
      <th> VAT   </th>
      <th> Kwota brutto </th>
      <th> Wartość Netto  </th>
      <th> Wartość Brutto   </th>
    </tr>
    <tr>
      <td>1.</td>
      <td> Kupno mebli w postaci biurka.</td>
      <td>Dział IT</td>
      <td class="netto">456</td>
      <td class="ilosc"> 3</td>
      <td><select class="vat" onclick="brutto()">
        <option disabled selected value></option>
        <option>ZW</option>
        <option>NP</option>
        <option>0%</option>
        <option>3%</option>
        <option>8%</option>
        <option>23%</option>
      </select></td>
      <td class="brut"></td>
      <td class="warnet"></td>
      <td class="warbrut"></td>
    </tr>
    <tr>
      <td>2.</td>
      <td> Kupno mebli w postaci biurka.</td>
      <td>Dział IT</td>
      <td class="netto">381</td>
      <td class="ilosc"> 8</td>
      <td><select class="vat" onclick="brutto()">
        <option disabled selected value></option>
        <option>ZW</option>
        <option>NP</option>
        <option>0%</option>
        <option>3%</option>
        <option>8%</option>
        <option>23%</option>
      </select></td>
      <td class="brut"></td>
      <td class="warnet"></td>
      <td class="warbrut"></td>
    </tr>
    <tr>
      <td>3.</td>
      <td> Kupno mebli w postaci biurka.</td>
      <td>Dział IT</td>
      <td class="netto">100</td>
      <td class="ilosc"> 5</td>
      <td><select class="vat" onclick="brutto()">
        <option disabled selected value></option>
        <option>ZW</option>
        <option>NP</option>
        <option>0%</option>
        <option>3%</option>
        <option>8%</option>
        <option>23%</option>
      </select></td>
      <td class="brut"></td>
      <td class="warnet"></td>
      <td class="warbrut"></td>
    </tr>
    <tr>
      <td>4.</td>
      <td> Kupno mebli w postaci biurka.</td>
      <td>Dział IT</td>
      <td class="netto">4562</td>
      <td class="ilosc"> 2</td>
      <td><select class="vat" onclick="brutto()">
        <option disabled selected value></option>
        <option>ZW</option>
        <option>NP</option>
        <option>0%</option>
        <option>3%</option>
        <option>8%</option>
        <option>23%</option>
      </select></td>
      <td class="brut"></td>
      <td class="warnet"></td>
      <td class="warbrut"></td>
    </tr>
    <tr>
      <td>5.</td>
      <td> Kupno mebli w postaci biurka.</td>
      <td>Dział IT</td>
      <td class="netto">900</td>
      <td class="ilosc"> 12</td>
      <td><select class="vat" onclick="brutto()">
        <option disabled selected value></option>
        <option>ZW</option>
        <option>NP</option>
        <option>0%</option>
        <option>3%</option>
        <option>8%</option>
        <option>23%</option>
      </select></td>
      <td class="brut"></td>
      <td class="warnet"></td>
      <td class="warbrut"></td>
    </tr>

  </table>
</div>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source