• Thursday , 9 April 2020

Javascript Tutorial 5 – Funktionen

Code Canyon



In diesem Javascript Tutorial lernt ihr die Grundlagen von Funktionen in Javascript kennen. Dabei wird eine Funktion erstellt die einen Alert aufruft, sobald ein Button geklickt wird.

Wenn euch das Video gefällt, dann besucht doch mal meine Homepage für mehr Infos.

Hi Leute, In diesem Tutorial lernt ihr ein sehr wichtigen Bestandteil von Programmiersprachen im allgemeinen kennen – Funktionen in Javascript. Funktionen sind eine Art Miniprogramm, das wir nachdem wir es erstellt haben, jederzeit wieder verwenden können. Wenn ihr auf eurem Handy z.B. den Homebutton drück, wird eine Funktion aufgerufen die euch zurück zu eurem Homescreen bringt. Solche Funktionen machen einem die Arbeit wirklich leichter, da man sie dazu verwenden kann, etwas durchzuführen was wir mehrfach durchführen wollen.

Syntax für Funktionen in Javascript

function nameDerFunktion(){
Inhalt der Funktion
}
Dabei wird in den runden Klammern der Paramter übergeben(dazu im nächsten Tutorial mehr). Innerhalb der geschweiften Klammern { } befindet sich der Body bzw der Declaration. Der Code darin beschreibt, was die Funktion macht. Nun haben wir zwar eine Funktion, aber rufen diese nicht auf. Um das zu tun, müssen wir im passenden Bereich unseres Codes die Funktion folgendermaßen aufrufen.

nameDerFunktion();
Wenn die Funktion jedoch nicht innerhalb des Script Tags aufgerufen werden soll, dann sieht das folgendermaßen aus.
(Code auf der Webseite)

Wenn der Nutzer einen Button gedrückt hat. Im folgenden Fall wird ein Alert aufgerufen, wenn der Button “Nicht klicken!” angeklickt wird. Die Alert Funktion ist eine von Javascript vordefinierte Funktion und ruft einen kleinen Pop-up auf, der uns mit dem Inhalt des Parameters(dem Inhalt der runden Klammer). Im nächsten Tutorial gehe ich noch genauer darauf ein, was Paramter sind und werde euch ein paar Beispiele Zeigen.

http://panjutorials.de/
http://panjutorials.de/javascript-tutorial/
https://www.facebook.com/panjutorials

Dir gefallen meine Videos?
Check doch meinen Kompletten Webentwickler Kurs auf https://panjutorials.de/tutorials/der-komplette-web-entwickler-kurs-2-0-erstelle-25-webseiten/
Dort lernst Du in einem 30 Stündigen Kurs alles was man über Webseiten wissen muss und entwickelst 14 Webseiten.
Dazu zeige bringe ich Dort alle nötigen Sprachen bei (HTML, CSS, Javascript, Jquery, PHP, MySql, APis) und vieles mehr bei.

Original source

3d Ocean

Related Posts

5 Comments

  1. Mitzi Rebel
    December 18, 2018 at 00:47

    endlich mal jemand, der eine funktion anschaulich macht und nicht nur a*b oder so was rechnet. Danke!

  2. Finja S.
    December 18, 2018 at 00:47

    Das ist doch komplett unnötig in dem Fall das in einem form zu machen, wenn es nur einen Skript ausführen soll:
    <button onclick="function()" type="button">Nicht klicken!</button>
    geht schneller

  3. LuckyChicken
    December 18, 2018 at 00:47

    ist es auch möglich nur mit javascript einen button zu erstellen? :/

  4. Luis Kretzschmar
    December 18, 2018 at 00:47

    ich programmiere mit brackets und ich meine das ich alles richtig gemacht habe, falls nicht ist hier noch mal der Code:<!DOCTYPE html>
    <html>
       
        <body>
           
            <script type="text/javascript">
                function geklickt(){
                    alert(" Kannst du nicht lesen? ")
                }
            </script>
            <form>
                <input onclick="gecklickt()"; type="button" value="Nicht klicken"/>
            </form>
        </body>
       
    </html>

  5. nxtSimon
    December 18, 2018 at 00:47

    Kanst?? Du meinst wohl "kannst"?

Leave A Comment

You must be logged in to post a comment.