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.

Dir gefallen meine Videos?
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.

Рекомендации по теме

Комментарии

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

mitzirebel

Gut erklärt! 👍Tipp: Kannst wird mit 2n geschrieben

easygamingcraft

Kanst?? Du meinst wohl "kannst"?

ItzSimPvP

könnte mir bitte jemand helfen ??

<!DOCTYPE html>

<html>
<head>
</head>
<body>
<script type="text/javascript">
alert ("willkommen hier");
</script>
<script type="text/javascript">
var beschreibung = "super, mega, hammer";
var alter= 25;
var vergeben = false;
var name = "boy withb the spoon";
var leer = null;
document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);
</script>
<script type="text/javascript">
//diese variable ist sehr komplieziert
function geklickt(){
alert ("willkommen hier zum zweiten mal");
}
</script>
<form>
<input onclick="gecklickt()" type="button" value="nicht ausführen"/>
</form>
</body>
</html>

kann mir bitte jemand sagen was ich falsch gemacht habe ? es funktioniert alles aber wenn ich auf den button klicke wirt der alert nicht ausgeführt ...habe die function mehrmals kontrolliert aber konnte für mich keinen fehler feststellen

kann mir butte jemand sagen was ich falsch gemacht habe ???

romanreichenbaecher

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>

luiskretzschmar

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

finjas.

Eher wohl "Kannst du nicht schreiben?"

omisladen

Javascript Tutorial 5 - Funktionen

Javascript Tutorial 5 - Funktionen

5 JavaScript Konzepte die du kennen musst (als Anfänger)

5 wichtige Funktionen für Array’s in JavaScript! [Deutsch/Tutorial]

JS Funktionen (1), JavaScript Tutorial deutsch Teil 5

😍 5 hammer JavaScript Funktionen die man kennen sollte! 👍 [TUTORIAL]

JavaScript Tutorial: Funktionen und Parameter

5 neue und COOLE Funktionen in JavaScript ES2019!? 👍 [TUTORIAL]

JavaScript Tutorial für Anfänger #16 - Funktionen

Funktionen [Part 4 JavaScript Tutorial]

Javascript Tutorial für Anfänger (deutsch) | Teil 5 - Arrays und Schleifen

JavaScript Arrow Function in nur 6 Minuten verstehen - JavaScript Tutorial Deutsch

Funktionen in JavaScript: GRUNDLAGEN - JS Guide - Anfänger Tutorial

JavaScript in 5 Minuten

Javascript Tutorial 8 -- Funktionen innerhalb von Funktionen

JavaScript Tutorial für Anfänger #15 - Mathematische Funktionen

Javascript Tutorial 6 - Funktionen mit einem Parameter

Javascript Tutorial für Anfänger | Deutsch | #5 Arrays (Listen)

JavaScript in 5 Minuten - Was ist JS? So lernst Du es schnell & einfach

JavaScript Tutorial für Anfänger #2 - Ausgaben

JavaScript Tutorial für Anfänger #18 - Rekursive Funktionen

JavaScript Basics: Events Triggern & Funktionen Starten. [Tutorial]

JS Funktionen (2), JavaScript Tutorial deutsch Teil 6

Was sind Funktionen? | JavaScript Grundlagen

5 JavaScript Performance Tipps! [Tutorial]