title: My Button to clear all input fields wont work
body: <p>i made a list where u can input the amount of a product u want to buy and it cauculates the price for. I am trying to make a button that clears all input fields when pressed i dont want the input fields to be cleared when cauculated only when the delete button is pressed. I tried testing it for one button but i cant get it to work can anyone help?</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-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;th&gt;Kosmetikartikel&lt;/th&gt;
        &lt;th&gt;Menge&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Waschlotion&lt;/td&gt;
        &lt;td&gt;&lt;input id="WaschlotionAmount"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Haarshampoo&lt;/td&gt;
        &lt;td&gt;&lt;input id="HaarshampooAmount"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Bodylotion&lt;/td&gt;
        &lt;td&gt;&lt;input id="BodylotionAmount"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Wundschutzcreme&lt;/td&gt;
        &lt;td&gt;&lt;input id="WundschutzcremeAmount"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Deospray&lt;/td&gt;
       &lt;td&gt;&lt;input id="DeosprayAmount"&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;Zahncreme&lt;/td&gt;
      &lt;td&gt;&lt;input id="ZahncremeAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;Zahnbürste&lt;/td&gt;
     &lt;td&gt;&lt;input id="ZahnbuersteAmount"&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;Zahnspüllbecher&lt;/td&gt;
    &lt;td&gt;&lt;input id="ZahnspuellbecherAmount"&gt;&lt;/td&gt;
  &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;Zahnhaftcreme&lt;/td&gt;
      &lt;td&gt;&lt;input id="ZahnhaftcremeAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Zahnreinigunstabs&lt;/td&gt;
      &lt;td&gt;&lt;input id="ZahnreinigunstabsAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Rasierklingen&lt;/td&gt;
      &lt;td&gt;&lt;input id="RasierklingenAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Rasierer mit Klingen&lt;/td&gt;
      &lt;td&gt;&lt;input id="RasiererMitKlingenAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Rasierschaum&lt;/td&gt;
      &lt;td&gt;&lt;input id="RasierschaumAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Einwegrasierer&lt;/td&gt;
      &lt;td&gt;&lt;input id="EinwegrasiererAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Zahnreinigunsbecher&lt;/td&gt;
      &lt;td&gt;&lt;input id="ZahnreinigunsBecherAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Mullkompressen&lt;/td&gt;
      &lt;td&gt;&lt;input id="MullkompressenAmount"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;b&gt;Gesamtpreis&lt;/b&gt;&lt;/td&gt;
      &lt;td&gt;&lt;p id="Sum"&gt;&lt;/p&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;button onclick="Calculate()"&gt;Rechnen&lt;/button&gt;
  &lt;button  onclick="document.getElementById(MullkompressenAmount).value = ''"&gt;Löschen&lt;/button&gt;
  &lt;/body&gt;
  &lt;script&gt;
  var Waschlotion = 1.30;
  var Haarshampoo = 1.50;
  var Bodylotion = 3;
  var Wundschutzcreme = 4.80;
  var Deospray = 1.80;
  var Zahncreme = 3.20;
  var Zahnbuerste = 1;
  var Zahnspuellbecher = 1.25;
  var Zahnhaftcreme = 1.50;
  var Zahnreinigunstabs = 3.20;
  var Rasierklingen = 2.49;
  var RasiererMitKlingen = 4.50;
  var Rasierschaum = 1.40;
  var Einwegrasierer = 2;
  var ZahnreinigunsBecher = 5;
  var Mullkompressen = 6;
  
  let Sum;
  
  let WaschlotionAmount;
  let HaarshampooAmount;
  let BodylotionAmount;
  let WundschutzcremeAmount;
  let DeosprayAmount;
  let ZahncremeAmount;
  let ZahnbuersteAmount;
  let ZahnspuellbecherAmount;
  let ZahnhaftcremeAmount;
  let ZahnreinigunstabsAmount;
  let RasierklingenAmount;
  let RasiererMitKlingenAmount;
  let RasierschaumAmount;
  let EinwegrasiererAmount;
  let ZahnreinigunsBecherAmount;
  let MullkompressenAmount;
  
  
  
  function Calculate() {
    if (Sum != 0) {
      Sum = 0;
    }
    let WaschlotionAmount = document.getElementById("WaschlotionAmount").value;
    let HaarshampooAmount = document.getElementById("HaarshampooAmount").value;
    let BodylotionAmount = document.getElementById("BodylotionAmount").value;
    let WundschutzcremeAmount = document.getElementById("WundschutzcremeAmount").value;
    let DeosprayAmount = document.getElementById("DeosprayAmount").value;
    let ZahncremeAmount = document.getElementById("ZahncremeAmount").value;
    let ZahnbuersteAmount = document.getElementById("ZahnbuersteAmount").value;
    let ZahnspuellbecherAmount = document.getElementById("ZahnspuellbecherAmount").value;
    let ZahnhaftcremeAmount = document.getElementById("ZahnhaftcremeAmount").value;
    let ZahnreinigunstabsAmount = document.getElementById("ZahnreinigunstabsAmount").value;
    let RasierklingenAmount = document.getElementById("RasierklingenAmount").value;
    let RasiererMitKlingenAmount = document.getElementById("RasiererMitKlingenAmount").value;
    let RasierschaumAmount = document.getElementById("RasierschaumAmount").value;
    let EinwegrasiererAmount = document.getElementById("EinwegrasiererAmount").value;
    let ZahnreinigunsBecherAmount = document.getElementById("ZahnreinigunsBecherAmount").value;
    let MullkompressenAmount = document.getElementById("MullkompressenAmount").value;
  
    Sum = (Waschlotion * WaschlotionAmount) + (Haarshampoo * HaarshampooAmount) + (Bodylotion * BodylotionAmount) +
    (Wundschutzcreme * WundschutzcremeAmount) + (Deospray * DeosprayAmount) + (Zahncreme * ZahncremeAmount) +
    (Zahnbuerste * ZahnbuersteAmount) + (Zahnspuellbecher * ZahnspuellbecherAmount) + (Zahnhaftcreme * ZahnhaftcremeAmount) +
    (Zahnreinigunstabs * ZahnreinigunstabsAmount) + (Rasierklingen * RasierklingenAmount) + (RasiererMitKlingen * RasiererMitKlingenAmount) +
    (Rasierschaum * RasierschaumAmount) + (Einwegrasierer * EinwegrasiererAmount) + (ZahnreinigunsBecher * ZahnreinigunsBecherAmount) + (Mullkompressen * MullkompressenAmount);
    document.getElementById("Sum").innerHTML = Sum;
  }
  
  
   &lt;/script&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>