我在PHP制作高尔夫记分卡程序,但想用javascript来计算点击率

时间:2015-08-24 14:41:25

标签: javascript

现在我已经在php中编程,在每次点击后点击一个按钮但是这样在php中所以在点击按钮后程序与服务器联系。 我想知道是否有可能通过javascrit进行命中计算,因为程序没有升级到服务器,点击将在屏幕上可见,并且每次都通过javascript升级。在结束洞后我可以将结果保存到服务器。 我做了以下测试。但是计算机仍然通过服务器进行更新。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<?
if ($aantalslagen_plus==""){
    $aantalslagen_plus="0";
}
?>
  <script type="text/javascript">
 var a = <? echo $aantalslagen_plus; ?>
      function bereken() {
    a += 1;
    document.getElementById('aantalslagen').value = a;
};
</script>

</head>
<body>  
<form method="post" action="" . $_SERVER['PHP_SELF'] . "">
<br><br><br>
<table width="422" height="179" border="0">
<tr>
<td>totaal aantal slagen: </td>
<td>&nbsp;</td>
</tr>
<?php
     $aantalslagen_plus = htmlentities($_POST['aantalslagen_plus']);
?>
<tr>
<td>totaal aantal slagen php:</td>
<td>
<?   echo "<input type=\"text\" VALUE=\"$aantalslagen_plus\" name=\"aantalslagen_plus\" id=\"aantalslagen\" size=\"10\">"; ?>
<td><? echo $aantalslagen_plus; ?></td>
</tr> 
</table>
<br>
<button onclick="bereken();"> + </button>
</form>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

只需在JavaScript中初始化aantalslagen0,不要乱用任何<form>或POST请求或类似的东西,因为你不需要,因为它看起来不像就像你在某些cookie中保存值一样,如果用户刷新页面,该值将保留。如果您 希望在用户刷新后保留该值,建议您查看localStorage

//The input element:
var input = document.getElementById("aantalslagen-input");
//The td element:
var td = document.getElementById("aantalslagen-td");
//The button element:
var button = document.getElementById("aantalslagen-button");
//The variable:
var aantalslagen = 0;

//When the button is clicked...
button.addEventListener("click", function() {
    //Increment aantalslagen:
    aantalslagen += 1;
    //Update it in the input and td:
    input.value = aantalslagen;
    td.textContent = aantalslagen;
});
<br><br><br>
<table width="422" height="179" border="0">
<tr>
<td>totaal aantal slagen: </td>
<td>&nbsp;</td>
</tr>
<tr>
<td>totaal aantal slagen php:</td>
<td><input type="text" VALUE="0" name="aantalslagen_plus" id="aantalslagen-input" size="10">
<td id="aantalslagen-td">0</td>
</tr> 
</table>
<br>
<button id="aantalslagen-button"> + </button>