Wie fügen Sie 1, um eine javascript-variable, indem Sie auf eine Schaltfläche?

Habe ich sehr wenig Erfahrung mit dem schreiben von javascript und ich brauche die Hilfe dringend. Ich muss machen so, dass wenn ein button angeklickt wird, der score geht von einer ähnlich wie die cookie-clicker-Spiel arbeitet, das ist für eine Zuordnung, das Endprodukt ist ein Spiel, ähnlich wie die cookie-clicker game.

dies ist der code, den ich bisher;

<!DOCTYPE html>
<html>

<head>
    <title> Assignment </title>

</head>

<body>
    <header>
        <strong>Don't Touch The Button</strong>
    </header>

    <div class="game-object">
        <script type="text/javascript">
            var clicks = 0;
        </script>
        <button type="button" onClick ="clicks++" id="push"> NO. </button>
    </div>
  • ah danke, das hab ich nie so wirklich 🙂
  • Ich bin mir nicht sicher, ob es nur ein Problem mit dem eingefügten code. Aber du bist der Deklaration der globalen variable: clicks zweimal.
  • Dein code tut genau das, was Sie sagen, Sie wollen. Was ist das problem?
InformationsquelleAutor user3166357 | 2014-01-06
  1. 1

    Dein code funktioniert bereits. Hier ist eine demo zeigt, dass Sie Ihren code in Aktion.

    Habe ich Hinzugefügt, eine Funktion, um das auf zu zählen:

    function updateClickCount() {
    document.getElementById("clickCount").innerHTML = clicks;
}
    InformationsquelleAutor Peter Olson
  2. 0

    Es wäre das beste, code-Organisation-Weise zu definieren, diese Funktion separat:

    var incrementCount = function(){
    clicks++;
}

    Und dann zu rufen, die von Ihrem onclick:

    <button type="button" onClick ="incrementCount();" id="push"> NO.</button>

    Und noch besser ist, wäre es klug, um loszuwerden, alle Ihre inline-javascript (auch bekannt als "aufdringlich" javascript -) alles in allem, und stellen Sie ein Objekt, das reagieren auf alle click-events auf alle diese Arten von Schaltflächen automatisch, aber das kann über Ihrem Niveau im moment.

    Können Sie diese in eine externe JS-Datei, die Sie umfassen, und eine neue "counter" - Objekt, das automatisch feuert wenn der Benutzer klickt auf die Schaltfläche Objekt.

    • Ha, war gerade beim schreiben einer Antwort, als diese auftauchte, viel eleganter =D
    • Ihre JSFiddle nicht erklären, die "Klicks" variable
    • Sollte das funktionieren... werde ich einen Blick auf es ich offenbar mache einen BLÖDEN Fehler irgendwo....
    • Es ist der Fall, dass jemand will, dass alles Ihnen übergeben, anstatt das Konzept und lernen die syntax selbst. Sein problem und die Lösung sind eindeutig identifiziert und werden hier angeboten.
    • Ja, das funktioniert gut. Ich bin mir nicht sicher, wo Sie sind haben ein problem. Der wichtigste Punkt meines posts ist, um die OP zu abstrahieren, Ihren code aus der aufdringlich-Funktion, sowie das problem zu lösen. Sehen Sie bitte hier: jsfiddle.net/qPsfu/4
    • Die increment() funktioniert einwandfrei. Ich Rede von der onClick ="function(){clicks++;}" ab, was falsch ist.
    • Ja, ich habe korrigiert, dass jetzt. 🙂

    InformationsquelleAutor dudewad
  3. 0

    Können Sie es tun, inline -, aber auf lange Sicht ist es besser zu warten, um setzen Sie die Funktion in Ihrem Skript, wenn Sie gehen, oder wiederzuverwenden, oder wenn Sie andere Sachen zu tun als gut, wenn auf die Schaltfläche geklickt wird.

    JS

    function onClick(){clicks++;}

    HTML

    <button type="button" onClick ="onClick()" id="push"> NO.</button>
    • Sie tun müssen onclick(), onClick von selbst wird sich nichts tun.
    • oops, mein schlechtes. Vielen Dank für den Hinweis.
    InformationsquelleAutor hkk
Schreibe einen Kommentar