it-swarm.com.de

HTML/Javascript-Schaltfläche Klicken Sie auf Zähler

Ich habe schon etwas Ähnliches gemacht, und ich weiß, dass das sehr nahe ist. Ich versuche nur, es so zu gestalten, dass meine Schaltfläche die Javascript-Variable erhöht, und die Funktion zeigt dann den neuen Wert an.

<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>
13
Jumpoy

Verwenden Sie var anstelle von int für die Generierung Ihrer 'Klicks'-Variablen und' onClick 'anstelle von' click 'als Funktionsnamen:

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

In JavaScript werden Variablen mit dem Tag 'var' deklariert. Es gibt keine Tags wie int, bool, string ..., um Variablen zu deklarieren. Sie können den Typ einer Variablen mit 'typeof (yourvariable)' erhalten. Weitere Unterstützung hierzu finden Sie bei Google.

Der Name "click" wird von JavaScript für Funktionsnamen reserviert, sodass Sie alles andere verwenden müssen.

30
ReeCube

Verwenden Sie nicht das Word "click" als Funktionsnamen. Es ist ein reserviertes Schlüsselwort in JavaScript. Im folgenden Code habe ich die Funktion "Hallo" anstelle von "Klicken" verwendet.

<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>
4
Sajib

Nachdem Sie sich den Code angesehen haben, den Sie Tippfehler haben, finden Sie hier den aktualisierten Code

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
 }

Demo

Anmerkung: Verwenden Sie keine eingebauten Handler, da .click() die JavaScript-Funktion ist. Versuchen Sie, einen anderen Namen wie clickME() anzugeben.

2
Dhaval Marthak

Durch diesen Code können Sie auf eine Schaltfläche klicken. 

<!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;

 }
0
Mitul Panchal
    <!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>

Das sollte für Sie funktionieren :) Ja var sollte verwendet werden

0
vini