pro Click-einen hochzählen

Hallo Programmiere ein Spiel mit JavaScript jedoch schaffe ich es nicht, dass wenn ich auf ein Bild clicke , dass es einen Anzeige gibt wo steht wie oft ich auf das Bild geclickt habe und dann bei jedem weiteren Click hochzählt?

Danke für die Antworten

4 Antworten

MonkeyKing

15.12.2015, 22:23

Ich gebe dir mal ein einfaches Beispiel mit der jQuery Bibliothek:

Javascript Code:

var clicks = 0;
$(img).click(function () {
  clicks++;
  $('.counter').html(clicks);
});

HTML

<div class="counter">0</div>
<img src="image1.jpg" />
<img src="image1.jpg" />
<img src="image1.jpg" />

Kann man natürlich auch mit Vanilla Javascript machen aber wenn du irgendwas schaffen willst, greife auf Bibliotheken zurück.

Woher ich das weiß:Berufserfahrung – 20 Jahre Berufserfahrung

Barcodekiller

15.12.2015, 21:48

Ein Spiel mit JavaScript Programmieren ? ehhhw...

anion

15.12.2015, 21:49

kannst du deine frage in einem korrekten deutschen satz formulieren? sorry aber ist leicht unverständlich. spiele in javascript zu programmieren führt übrigens in 99% der fällen niemals zu einer fertigstellung, dazu verwendet man andere sprachen, selbst bei browserspielen

SebiMuc

16.12.2015, 13:57

falsch.

anion

16.12.2015, 19:14

@SebiMuc

so ein kommentar ist ohne jede begründung oder erklärung nicht hilfreich...

maximilianus7

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

15.12.2015, 22:52

oder ohne jQuery:

http://pastie.org/10634909

(habs aber nicht getestet)

yerooke

16.12.2015, 10:57

Hör auf ständig Inline JavaScript zu Posten, so was macht man seit Jahren nicht mehr! JavaScript und HTML Code gehören getrennt!

maximilianus7

16.12.2015, 15:38

@yerooke

und du hörst auf, ständig den "das-macht-man-nicht"-troll zu spielen.

das "ständig" hab ich von dir übernommen.

fluffiknuffi

17.12.2015, 14:11

@yerooke

@yerooke Ja gut das sieht AngularJS aber gewissermaßen anders. :p

Ähnliche Fragen

Womit ein Idle Game programmieren?

Mit welcher Sprache/Engine würdet ihr ein Idle Game sprich ein Spiel wie Cookie Clicker programmieren? Ich hab an HTML + JavaScript + CSS gedacht oder eventuell C# mit SFML weil ich dies halt kann. Hättet ihr für C# mit SFML ein paar gute Tutorials auf Lager? Danke für eure Antworten jetzt schonmal :)

...zur Frage

Lernt man C# schneller, wenn man JavaScript kann?

Wir haben letztes Jahr in der Schule angefangen zu programmieren. Wir müssen eigentlich c# und javascript etwas beherrschen können, jedoch war ich aus gesundheitlichen Gründen oft nicht da. Und die Sprachen brauchen wir in 2 verschiedenen Fächern. Wenn ich jetzt beispielsweise anfange mich mehr auf javascript zu konzentrieren, fällt mir dann c# leichter? Bzw. kann ich es dann schneller lernen?

...zur Frage

Programmieren aus Langeweile

Kennt jemand eine Seite wo man Ideen für Programmieren nachlesen kann? Oder hat jemand selbst Ideen, was ich programmieren könnte?

Mir ist oft langweilig und möchte irgendwas programmieren, aber ich weiss nicht was :/

Ich beherrsche Java, Javascript, C und PHP.

...zur Frage

Zahlen aufzählen bei runter scrollen - JavaScript?

Hey zusammen.

Ich arbeite grad an der neuen Webseite für meinen Server und habe dort eine kleine Statistik (Siehe Bild) eingebaut. Was mir so eingefallen ist, ist, sobald man an dieser Statistik "ankommt" sollen die Zahlen von 0 ganz schnell auf 100, 400, 7k wahtever hochzählen. 7k wird denke ich bisschen schwer, aber die anderen. Lässt sich das einrichten mit JavaScript bzw. gibt es dafür Tutorials oder wie nennt sich das?

Viele Grüße

...zur Frage

wie ist es möglich mithilfe von javascript, bilder erscheinen zu lassen?

guten morgen,
ich möchte mit javascript bilder erscheinen lassen.
leider bin ich ein totaler anfänger bezüglich javascript und habe erst seit kurzer zeit die lust zum programmieren entwickelt. gerade bin ich dabei, javascript von nothing to something zu lernen, jedoch weiß ich ab diesem punkt nicht weiter.

ich möchte eine funktion bauen, die beispielsweise container aus html abhakt, sobald diese fertig bearbeitet worden sind. stichwort: learningtool.

mithilfe der funktion soll es vereinfacht werden, wie bei einer to-do-list thema nach thema zu bearbeiten und das lesezeichen quasi immer parat zu haben.

ich freue mich auf eure/deine unterstützung.

...zur Frage

Wie kann man den IObroker über JavaScript steuern?

Hallo liebe Community,

ich möchte eine Visualisierung für den IObroker programmieren, finde aber die Elemente des normalen Editors nicht so schön und möchte das ganze selber mit HTML, CSS und JavaScript machen. Ich habe aber jedoch noch keine Möglichkeit gefunden Objekte mit einem JavaScript auf einer Webseite ein und aus zu schalten oder Daten abzurufen.

Danke schonmal im voraus!

...zur Frage

Javascript Dictionary in Liste anzeigen?

Ich fange gerade an zu programmieren und habe eine Frage:

Wie kann ich mir in der Liste nicht nur den Key aus dem Dictionary sondern daneben auch noch den zweiten Wert anzeigen lassen?

...zur Frage

Javascript input zum rechnen?

Hallo,

ich habe bis hierher einen Taschenrechner gebaut. Bisher kann man folgendes tun: Man kann auf einen Button drücken und dieser Wert wird dann in einem textarea angezeigt. Nun ist es ja so, dass ich nicht einfach den value vom textarea nehmen kann und ihn einfach ausrechnen lassen kann. Deshalb meine Frage: Wie kann ich nun diesen Wert ausrechnen und anzeigen lassen? Mein bisheriger Code:

Html

<textarea name="displa" id="display" cols="40" rows="7"></textarea>
    <button value="1">1</button>
    <button value="2">2</button>
    <button value="3">3</button>
    <button value="4">4</button>
    <button value="5">5</button>
    <button value="6">6</button>
    <button value="7">7</button>
    <button value="8">8</button>
    <button value="9">9</button>
    <button value="+">+</button>
    <button value="-">-</button>
    <button value="*">*</button>
    <button value="/">/</button>
    <button onclick="summe">=</button>

Javascript

$("button").click(function() {
    const firedButtonValue = $(this).val();
    var show = $("#display").val($("#display").val() + firedButtonValue);
  });


  function summe() {
    $('#display').val() = Number(show);
  }

...zur Frage

Java Script Textdatei auslesen und veränder?

Wie schaffe ich es mit JavaScript HTML und CSS den Inhalt einer textdatei anzeigen zulassen und diesen dann zu verändern also zum beispiel das ... rot makiert wird oder ich einen filter dazu habe.

Ist wirklich dringend ich bedanke mich im vorraus.

...zur Frage

Kann man mit einem Hauptschulabschluss Programmierer werden?

Hallo, wenn man HTML und einigermaßen JavaScript kann, kann man dann es schaffen, eine Ausbildung zum Programmierer zu machen? Falls nein, muss man dann JavaScript perfekt beherrschen?

...zur Frage

Timer mit JavaScript?

Ich möchte mit JavaScript einen Timer programmieren. Der User soll die Zeit einstellen können bspw 60min und dann soll der Timer runterzählen. Wenns bei 00:00:00 ist, soll ein neuer Bildschirm aufgerufen werden.

Ich hab leider nicht wirklich eine Ahnung wie ich das hinbekommen soll. Im Internet sind zwar Beispiele für Timer, jedoch laufen die von 0 bis unendlich.... Da ich technisch nicht so versiert bin um das ganze umzustellen, hoffe ich, dass ihr mir helfen könnt. Bis jetzt habe ich es nur hinbekommen, dass der Timer überhaupt läuft (allerdings von 0 an) und erst beginnt, wenn man auf den Start-Button drückt.

Hier meine js Datei:

$(document).ready(function() {

var timer = 0;

$( "#button_start" ).click(function() {

setInterval(function(){ increaseTimer() }, 1000);

});

function increaseTimer(){

timer = timer +1;

$("#timer").html(timer);

};

});

Schonmal vielen Dank!

Eure Amy

...zur Frage

[Spigot/Bukkit] Inventar öffnen durch clicken eines Items in einem Inventar?

Hey Leute, Ich bin gerade dabei ein Lobby Plugin zu programmieren und habe mich zum ersten mal mit GUI coden beschäftigt. Bei mir besteht das Problem das ich nicht weiß wie ich ein Inventar öffne, nachdem ich ein Item geclickt habe das in einem selbst erstellten Inventar ist.

...zur Frage

Spielfiguren flüssig bewegen mit js?

Moin,

Ich würde gerne ein kleines spiel mit javascript programmieren und meine Spielfigur flüssig bewegen können. Kann ich das mit mit animate() machen? Also sowas wie wenn taste1 gedrückt wird animate div1 10 px pro Sekunde bis taste1 losgelassen wird?

...zur Frage

javascript .match() alle treffer anzeigen?

Hallo,

Ich habe folgendes Problem. Ich habe einen String und möchte alle treffer für einen bestimmten Buchstaben in einem array wiedergeben. Jedoch wird nur ein treffer angezeigt. Also nur ein Buchstabe. Daher gibt es dann auch nur eine indexnummer. Wie schaffe ich es jetzt zum Beispiel wenn drei B in einem String vorhanden sind (const string = "dfkjlkjBlkjldkfBdsfkjldB), diese drei B in einem Array anzeigen zu lassen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen