Buttons lädt Indexdatei auf Klick

Question

Ich habe diesen Code:

$(function() { 
 
    /*declare a function call hAddCoin with parameter hValue for value and option for option +,x2,clear or max*/ 
 
    function hAddCoin(hValue, option) { 
 
    var bet = document.getElementById('coincredits'); /*get the element*/ 
 
    var coins = document.getElementById('coins').innerHTML; /*get the inner of id coins*/ 
 
    var cur = parseInt(bet.value); /*get the coincredit and convert to integer*/ 
 
    var res = 0; /*declare res variable for result*/ 
 
    /*we need to check bet is empty or not*/ 
 
    if (typeof bet.value === "undefined" || bet.value == "") { 
 
     cur = 0; 
 
    } 
 
    /*cek the option, it's will be +, X2 or max and default to 0*/ 
 
    switch (option) { 
 
     case 1: 
 
     { 
 
      res = cur + hValue; 
 
     } 
 
     break; 
 
     case 2: 
 
     { 
 
      res = cur * option; 
 
     } 
 
     break; 
 
     case 3: 
 
     { 
 
      res = parseInt(coins); 
 
     } 
 
     break; 
 
     default: 
 
     { 
 
      res = 0; 
 
     } 
 
     break; 
 
    } 
 

 
    bet.value = res; /*set value coin creadit to result*/ 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" name="coincredits" id="coincredits" class="form-control" required="" parsley-type="text" placeholder="Minimum 10 coins" data-parsley-id="40" style="text-align:center; color: ;"> 
 
<div class="content" style="text-align:center;"> 
 
    <button id="clear" class="box-btn" onclick="hAddCoin(0,0)">Clear</button> 
 
    <button id="add10" class="box-btn" onclick="hAddCoin(10,1,)">+10</button> 
 
    <button id="add100" class="box-btn" onclick="hAddCoin(100,1)">+100</button> 
 
    <button id="add1000" class="box-btn" onclick="hAddCoin(1000,1)">+1000</button> 
 
    <button id="double" class="box-btn" onclick="hAddCoin(0,2)">x2</button> 
 
    <button id="max" class="box-btn" onclick="hAddCoin(0,3)">Max</button> 
 
</div>

Sie fügt hinzu (oder sollte hinzufügen) Wert in das Eingabefeld, aber es sendet mir nur mywebsite.com/ index.php

Ich habe Defrient-Skripte versucht, aber das passiert jedes Mal. Es gibt mir keine Fehler und protokolliert nichts in der Konsole.

Ich weiß, es könnte ein Stück Kuchen sein, aber ich kann es einfach nicht herausfinden.

Answer 1

<button> Elemente sind implizit type="submit" das heißt, sie die Form, die sie in residieren einreichen. Wenn Ihr <form> kein action Attribut hat wird es die aktuelle Seite als Ziel-URL verwenden, die die Seite neu geladen.

Sie müssen entweder explizit gesetzt type="button" auf jeder Taste oder fügen Sie ein onsubmit Event-Handler auf dem Formular, das event.preventDefault()