Question

<?php





if(empty($_GET['pname']) ||  !$server->exists) {
    $_SESSION['error'][] = $language['errors']['server_not_found'];
} else {

    /* Check if server is disabled */
    if(!$server->data->active) {
        $_SESSION['error'][] = $language['errors']['server_not_active'];
    }

}

if(!empty($_SESSION['error']));



$result = $database->query("SELECT `id` FROM `points` WHERE `type` = 0 AND `server_id` = {$server->data->server_id} AND `ip` = '{$_SERVER['REMOTE_ADDR']}' AND `timestamp` > UNIX_TIMESTAMP(NOW() - INTERVAL 1 DAY)");
if(!$result->num_rows) $database->query("INSERT INTO `points` (`type`, `server_id`, `ip`, `timestamp`) VALUES (0, {$server->data->server_id}, '{$_SERVER['REMOTE_ADDR']}', UNIX_TIMESTAMP())");


if($server->data->cachetime > time() - $settings->cache_reset_time) {


    $info = json_decode($server->data->details);

} else {


}


?>

我希望多次点击按钮，这样我可以追加按钮的值并获得类似<!DOCTYPE html> <html> <head> </head> <body> <p id="demo"></p> <input type="button" id="button" value="8"/> <script> button.onclick=function(){ document.querySelector("#demo").innerText = document.querySelector("#button").value; } </script> </body> </html>的输出，而不仅仅是单个数字8888这怎么可能？任何帮助将不胜感激：）

Answer 1

您需要更改行

document.querySelector("#demo").innerText = document.querySelector("#button").value

要

document.querySelector("#demo").innerText += document.querySelector("#button").value

这样它会将值附加到段落，而不是设置其内部文本。

Answer 2

我认为通过一点努力，你可以自己解决这个问题。这不是理解JS的问题，它是逻辑问题。但是你走了......

这里的问题是您正在检索测试框的先前值。

document.querySelector("#demo").innerText =

将#demo潜水的值设置为平等后的值。

document.querySelector("#button").value;

将获取设置为8的按钮值。因此，无论您运行多少次，它都会将#demo的innerText设置为8。

您需要做的就是从#demo中获取当前值，然后重新设置它。

const current = document.querySelector("#demo").innerText;
const next =  current + document.querySelector("#button").value;
document.querySelector("#demo").innerText = next;

或

document.querySelector("#demo").innerText += document.querySelector("#button").value

Answer 3

试试这个：

$(document).ready(function() {
                $("#button").on('click', function(){
                    $("#demo").append($(this).val());
                })
    });//end doc ready

如何启用多次单击按钮？

3 个答案: