按鈕加載索引文件上點擊

Question

我有這樣的代碼：

$(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>

它增加了（或者應該增加）值輸入欄，但它只是把我送到mywebsite.com/ index.php

我試過了腳本，但每次都發生這種情況。它不會給我任何錯誤，並在控制檯中記錄任何內容。

我知道這可能是一塊蛋糕，但我無法弄清楚。

Answer 1

<button>元素是隱含type="submit"這意味着他們提交他們居住在形式。如果你的<form>沒有一個action屬性將使用當前頁的目標URL，從而重新加載頁面。

您需要明確地設定type="button"上的每個按鈕或調用event.preventDefault()