Javascript gibt keinen Wert aus

Question

Ich habe eine super einfache Website vor ein paar Jahren gemacht und habe seit JS nicht verwendet. Ging, um ein neues Berechnungsformular hinzuzufügen, und es gibt keine Werte aus. Wenn ich eine Zahl eintrage, dann klicke auf Berechnen, es tut nichts. Bitte helfen.

function updateOutput7() { 
 
    //get form 
 
    var form = document.getElementById("calc7"); 
 
    //get number 
 
    var num1 = parseInt(form.elements["x"].value); 
 
    //multiply 2; 
 
    var num2 = 2; 
 
    //add 69 
 
    var num3 = 69; 
 
    //amount1 
 
    var amount1; 
 
    //get output 
 
    var out = form.elements["z"]; 
 

 
    //Calculate 
 
    amount1 = num1 * num2 + num3; 
 

 
    //pick the larger variable 
 
    out.value = amount1 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="calc7" onsubmit="updateOutput7(); return false;"> 
 
    <table> 
 
    <tr> 
 
     <th>Part Cost</th> 
 
     <th></th> 
 
     <th>Charge</th> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     <input type="number" name="x"> 
 
     </td> 
 
     <td>=</td> 
 
     <td>$ 
 
     <output name="z"></output> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
    <button type="button" onclick="updateOutput7();">Calculate</button> 
 
</form>

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script> 
     function updateOutput7() { 
      //get form 
      var txtb = document.getElementById("txt"); 
      //get number 
      var num1 = parseInt(txtb.value); 
      if (isNaN(num1)) { 
       document.getElementById("z").innerText = "Invalid Number" 
       return; 
      } 
      //multiply 2; 
      var num2 = 2; 
      //add 69 
      var num3 = 69; 
      //amount1 
      var amount1; 
      //get output 


      //Calculate 
      amount1 = num1 * num2 + num3; 

      //pick the larger variable 
      document.getElementById("z").innerText = amount1; 
     } 
    </script> 
    <form id="calc7" onsubmit="updateOutput7(); return false;"> 
     <table> 
      <tr> 
       <th>Part Cost</th> 
       <th></th> 
       <th>Charge</th> 
      </tr> 
      <tr> 
       <td> 
        <input id="txt" type="text" name="x"> 
       </td> 
       <td>=</td> 
       <td> 
        $ 
        <span id="z"></span> 
       </td> 
      </tr> 
     </table> 
     <button type="button" onclick="updateOutput7();">Calculate</button> 
    </form>