Javascript Tutorial 5 – Funktionen




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.

Programmieren lernen leicht gemacht


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


5 responses to “Javascript Tutorial 5 – Funktionen”

  1. 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

  2. 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>

Leave a Reply