Simpler Zähler | HTML, CSS, jQuery für Anfänger

Поділитися
Вставка
  • Опубліковано 19 чер 2015
  • Moin Leute,
    hier zeige ich euch, wie man einen simplen Zähler mithilfe von HTML, CSS und ein bisschen jQuery erstellen kann.
    codepen.io/anon/pen/KpXBYL
    Falls Ihr noch offene Fragen habt, so stellt diese gerne in die Kommentare!
    Liebe Grüße
    LionPixel
  • Навчання та стиль

КОМЕНТАРІ • 16

  • @naderrastgooy6290
    @naderrastgooy6290 3 роки тому

    Danke für das Video. Ich finde das Video großartig und hier wird von beiden Seite geklärt . Technische und Gedanklich

  • @baummanMC
    @baummanMC 9 років тому

    Sehr cool das du jetzt viele Videos bringst, Ich kann bereits Html und Css, aber ich kann immer wieder von dir was neues dazu lernen :D. Ich würde mich noch darüber freuen, wenn du mal erklären kannst, wie eine Homepage aussehen muss.
    Bei diesem Punkt bleibe ich immer stecken, ich weis nie wie eine Homepage aussehen kann.
    LG: Baummann
    PS: Mach weiter so!

  • @kaptnS
    @kaptnS Рік тому

    Hallo, ich habe eine Eingabefeld für Zahlen und habe auch Zähler Buttons dran. Wenn ich aber In dem Feld Zahlen reinschreibe, wissen die Buttons das nicht, bzw. addieren meine reingeschriebene Zahl nicht mit. Wieso ?

  • @emrai629
    @emrai629 4 роки тому

    Guten Tag, ich habe das ganze in Visual Studio Code nachprogrammiert aber wie sage ich jetzt das die .js file mitbenutzt werden soll?

  • @phoenix2346
    @phoenix2346 4 роки тому +1

    Warum hat er bei dem html Dokument nicht mit und so angefangen ?

    • @BastiKlein
      @BastiKlein  4 роки тому +1

      Der Online-Editor Codepen macht dies automatisch für dich. Somit kann man sich komplett auf den Inhalt der Seite konzentrieren.
      Wenn du ohne Codepen eine Seite baust, dann muss natürlich , und immer dabei sein.

    • @phoenix2346
      @phoenix2346 4 роки тому +1

      Basti Klein Ok Danke

  • @musjuns4815
    @musjuns4815 Рік тому

    Hallo, könntest du auch einen Zähler machen, der pro Stunde automatisch zählt?

  • @17SimOni
    @17SimOni 4 роки тому

    Hi
    Danke für das Video. Hat mir sehr geholfen. Ich habe nun einen solchen Button auf meiner Webseite eingebaut aber nun noch folgendes Problem: Wenn ich die Seite refreshe, wird der Zähler wider auf 0 zurückgesetzt. Kann ich dies irgendwie verhinden?
    Danke für deine Hilfe!!

  • @GigaHarry.
    @GigaHarry. 6 років тому

    Wenn ich eine Website selber mit PHP mache wie verknüpfe ich dann die CSS mit dem HTML?

    • @VI-tb4jq
      @VI-tb4jq 5 років тому

      Einfach den Style Tag in den head Teil der php Datei schreiben.

  • @gamingwolf7632
    @gamingwolf7632 5 років тому

    Wie erstellt man so ein Zähler wie dieser hier 0/50 so das nur die 0 um 1 jeweils erhöht wird wenn man drauf drückt 1/50 etc.

    • @VI-tb4jq
      @VI-tb4jq 5 років тому

      Versuche in das mittlere div Element ein p Element hinzuzufügen, in dem dann "/50" steht.
      Im Js Teil musst du dann beim Addieren abfragen, ob der Wert über 50 ist.
      Etwa: if(counter>=51){
      counter=50;
      $("#mitte a").text(counter);
      }

  • @DJMOJOLIVE
    @DJMOJOLIVE 8 років тому

    DOWNLOAD - Counter
    Hallo LionPixel finde das super erklärt
    es ist ein guter ansatz für den zweg den ich gerne hätte und zwar eine einhindung auf ein bestimmten X - Link also klick ich auf eine mp3 datei /sound/LALALA.mp3 läd er mir die runter aber ich würde gerne sehen rechts vom download das er mir dann eine kleine minibox anzeigt als zähler z.B. 3
    also 3 downloads
    der link:
    von meinem Script
    3 zeile und da soll die kleine box sein die anzeigt wie oft auf /sound/LALALA.mp3 drauf geklickt wurde
         
    LALALA
    Wehre net fals diese möglich ist mir da bei zu helfen mfg

  • @TeffleLP
    @TeffleLP 9 років тому

    Sorry, wenn ich einfach nur dumm bin oder so, aber wenn man in die WebSite nur HTML-Codes einfügen kann, dann muss man ja das CSS und so in den HTML-Code reinschreiben... naja, wie funktioniert das? :O

    • @VI-tb4jq
      @VI-tb4jq 5 років тому

      Am besten du schreibst am Ende des head Tags und dazwischen den css Code oder du schreibst jenes am Anfang des body Tags.