Question

我正在为我的鸡创建一个有“鸡蛋柜台”的网站。我有一个密码保护的网站的隐藏部分，我想在每次按下它时添加一个按钮，添加一个鸡蛋值。目前，我有一个html文件，其中只包含我嵌入网站的数字。

（这是嵌入.html文件的代码）

        <h2><b>Egg Counter!<b/></h2>
        <p>So far our chickens have laid</p>
        <font size="20" color="#FFFFFF"><embed src="./eggs.html"></embed></font>

我是一名新手程序员，我不确定这是否是正确的方法，但我不知道如何制作改变蛋值的按钮。

非常感谢任何帮助！

Answer 1

您可以使用javascript onclick事件将每次点击数量增加1。

将此放在您的头部。

function incrementValue()
{
var value = parseInt(document.getElementById('number').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('number').value = value;
}

将其放在您希望按钮显示的位置。

<form>
<input type="text" id="number" value="0"/>
<input type="button" onclick="incrementValue()" value="Increment Value" />
</form>

Answer 2

我认为您希望存储该号码，因此它始终显示，您可以在您的时髦鸡蛋产卵时更新它。上一个答案将允许您增加数字，但仅限于浏览器打开时。

我认为最好的方法是使用PHP。

首先，你希望你的页面是.php，比如admin / loggedin.php。

您想在名为eggs.txt的同一目录中创建一个空白文件，权限为0755。

然后您希望表单看起来像这样

<form method="POST" action="loggedin.php">
   <input type="text" name="num" value="0"/>
   <input type="submit" value="Chicken came first" name="eggs">
</form>

解释方法/行动：

method

是您希望如何将数据发送到

action

页。

选项为$_POST和$_GET，我认为这里没有太多细节会有所帮助。

action =是告诉表单将数据发送到哪个页面，在这种情况下我们选择将其发送到表单所在的同一页面（loggedin.php）。

现在，一旦您提交该表单，我们就可以使用$ _POST ['num']，其中包含您在表单输入字段中输入的数字。

要获得此功能，您需要在页面顶部添加：编辑（已更改下面的代码部分 - file_put_contents应位于if（$ _ POST ['eggs']）{

<?php
//this checks to see if the form was submitted by checking 'eggs' is set.
if($_POST['eggs']) {
  // create a nicer variable for our egg number, it deserves a nice name.
  $egg = $_POST['num'];  
  //this will put the new number of eggs in our eggs.txt file 
  file_put_contents('eggs.txt',$egg);
}    
?>

file_put_contents()写入文件

接下来，您希望能够从显示页面上的文件中获取该号码。要做到这一点：

<div class="my_egg_count">
   <?php echo file_get_contents('eggs.txt'); ?> 
</div>

file_get_contents()读取文件，从服务器到客户端回显“echo”。

如果您对此有困难，请告诉我，您不希望最终出现鸡蛋。

编辑::试试这个

if(is_writeable('eggs.txt')) {
    if(file_put_contents('eggs.txt',$egg)) {
        echo 'File Updated';    
    }else {
        echo 'Error Updating File'; 
    }
}else {
    echo "Error: File Isn't Writeable [possibly named incorrectly, isn't in the correct location, or wrong permissions]";   
}

每按一次增加html文件内容的按钮

2 个答案: