Кнопка HTML/Javascript

Я уже делал что-то подобное этому, и я знаю, что это действительно близко. Я просто пытаюсь сделать так, чтобы моя кнопка увеличивала javascript-переменную, и функция затем отображает новое значение.

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">
    int clicks = 0;
    function click() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onClick="click()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>

Ответ 1

Используйте var вместо int для генерации переменной "клики" и "onClick" вместо 'click' в качестве имени вашей функции:

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">
    var clicks = 0;
    function onClick() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onClick="onClick()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>

В переменных JavaScript объявлены теги "var", нет таких тегов, как int, bool, string... для объявления переменных. Вы можете получить тип переменной с помощью "typeof (yourvariable)", больше поддержки об этом вы найдете в Google.

И имя 'click' зарезервировано JavaScript для имен функций, поэтому вам нужно использовать что-нибудь еще.

Ответ 2

Не используйте слово "click" в качестве имени функции. Это зарезервированное ключевое слово в JavaScript. В следующем тексте Ive использовала функцию "hello" вместо "click"

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">

    var clicks = 0;
    function hello() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onclick="hello()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>

Ответ 3

После просмотра кода у вас есть опечатки, вот обновленный код

var clicks = 0; // should be var not int
    function clickME() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks; //getElementById() not getElementByID() Which you corrected in edit
 }

Демо

Примечание: Не используйте встроенные обработчики, так как .click() - это функция javascript, попробуйте указать другое имя, например clickME()

Ответ 4

    <!DOCTYPE html>
<html>
<head>
<script>
     var clicks = 0;
    function myFunction() {

        clicks += 1;
        document.getElementById("demo").innerHTML = clicks;


    }
</script>
</head>
<body>

<p>Click the button to trigger a function.</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

</body>
</html>

Это должно сработать для вас:) Да var следует использовать

Ответ 5

С помощью этого кода вы можете получить количество кликов на кнопке.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Button</title>
    <link rel="stylesheet" type="text/css" href="css/button.css">
</head>
<body>
    <script src="js/button.js" type="text/javascript"></script>

    <button id="btn" class="btnst" onclick="myFunction()">0</button>
</body>
</html>
 ----------JAVASCRIPT----------
let count = 0;
function myFunction() {
  count+=1;
  document.getElementById("btn").innerHTML = count;

 }