Ich bin neu in HTML, CSS und JavaScript sowie auf dieser Website. Ich lerne sie in der Schule. Ich habe mich nur gefragt, wie ich mit einer Funktion ein Zahleninkrement erstellen und auf die Funktion in HTML zugreifen kann. Zum Beispiel ist mein JS:

function pagenumber() {
  page = page+1;
}

Und mein HTML-Code, in dem ich versuche, die Funktion zum Funktionieren zu bringen, lautet:

<div class="Begin" id="Begin" onclick="showbegin(); pagenumber()">
0
Gary Whittle III 22 Aug. 2015 im 01:12

3 Antworten

Beste Antwort

jsfiddle

<div class="Begin" id="Begin" onclick="pagenumber()">
    Page Num - Click Me 
</div>

<script>
    /*
      page variable sits on window object and is considered global
      it's scope is accessible from anywhere, so global vars are dangerous
    */ 
    var page = 0;

    function pagenumber() {

        /*
           now inside the function, totClicks has only the function scope
           two ways to increment ++page or page++.
           page++ returns the current page value and then adds one
           ++page adds one first and then returns the new value
           we'll use ++page because it's a new click, so add one and return the new total
        */
        var totClicks = ++page;

        // update div with id = 'Begin'
        document.getElementById("Begin").innerHTML = "YOU CLICKED ME! " + totClicks;
    }

</script>
1
Data 22 Aug. 2015 im 01:45

Dies ist viel einfacher, als Sie glauben gemacht werden. Sie können einfach das JavaScript-Inkrementpräfix ({{ X0}}), um die Variable direkt aus dem onclick -Attribut zu erhöhen.

In diesem Beispiel habe ich eine Schaltfläche verwendet, um ein anklickbares Element zu simulieren, und das Attribut onclick in einen console.log() Wrapper eingeschlossen, um Ihnen zu zeigen, dass die Anzahl erhöht wird. Beide Dinge können geändert werden.

var page = 0;
<button onclick="console.log(++page)">Increment Page</button>
0
user4639281user4639281 22 Aug. 2015 im 00:58
<div class="Begin" id="begin" onclick="showbegin()"> </div>

<script>
   var count= 0;
   function showbegin(){
       count++;
       document.getElementById("begin").innerText= count;
   }
</script>
1
user4642212 21 Aug. 2015 im 22:18