[Java] Javascript Schleife mit Abfrage!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Mever, 4. Oktober 2008 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 4. Oktober 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Javascript Schleife mit Abfrage!

    Hallo!
    Das folgende Tutorial ist ein Beispiel von einer For-Schleife und einer If Abfrage.
    Das Resultat soll so aussehen:

    Spoiler
    Bild
    Um eine Zufallszahl zu erzeugen habe ich auf Php zurückgegriffen.
    Erstens um zu zeigen das so etwas auch realisierbar ist und zum zweiten ist das in Javascript nicht so einfach ohne weiteren Code.

    Ein Tutorial soll in erster Linie nicht das ganze Resultat zeigen, sondern Zeigen wie man Codet.

    Allgemeines:
    Ein Javascript wird so eingebettet:

    Code:
    <script language="JavaScript" type="text/javascript">
    
    </script>
    Der erste Schritt ist eine Variable in JavaScript festzulegen.
    Die Variable soll mit einer Zufallsfunktion mit Hilfe von PHP deklariert werden.

    Das sieht so aus:

    Spoiler
    Code:
    var zufall
    
    zufall = <? echo rand(1,10); ?>


    Unser zweiter Schritt ist es eine Variable mit einer For Schleife auf 10 hoch zu zählen.

    Das sieht so aus:

    Spoiler
    Code:
    for(i=0;i<11; i++)
     {
    }


    Der dritte Schritt ist eine If abfrage einzubauen. (Zur Info If Schleife ist falsch es heißt If Abfrage)
    Die If Abfrage soll vergleichen ob und wann die zufällig Generierte Variable gleich mit der hochgezählten Variable ist.

    Es sieht nach viel Code aus, ist aber nur so viel um es später im Browser farbig darzustellen.

    Das könnte so aussehen:

    Spoiler
    Code:
    if(i == zufall)
     {
     document.write('<font color="#00FF00">');
     document.write("Variable = " + i + "<br>");
     document.write("Generierte Zufallszahl = " + zufall + "<br>");
     document.write("</font>");
     document.write('<font color="#00FF00">Gleichheit!</font><br>');
     }else{
     document.write("Variable = " + i + "<br>");
     document.write("Generierte Zufallszahl = " + zufall + "<br>");
     }

    Nun muss man die Codeschnipsel zusammenfügen abspeichern und im Browser ausführen.

    ACHTUNG: Da wir PHP mit im Code haben, muss man es als .php abspeichern und auf einen Server uploaden oder local auf einem Server laufen lassen.

    Hier ist der Code wie er schließlich aussehen soll:
    (Bemerkungen wurden in Form von Kommentaren dazugeschrieben)

    Spoiler
    Code:
    <body bgcolor="#dedede">
    
    <script language="JavaScript" type="text/javascript">
    
     //Variablen bestimmen!
     var zufall
    
     //Beginn der For-Schleife!
     for(i=0;i<11; i++)
     {
    
     //Variablen deklarieren mit einem Stück Php um eine Zufallszahl zu erzeugen!
     zufall = <? echo rand(1,10); ?>
     
     //If Abfrage: Wenn die Variable i der Variable zufall entspricht dann "Gleichheit" ausgeben und Text grün färben, sonst weiterlaufen.
     if(i == zufall)
     {
     //Ausgabe mit Text, Html und Variablen + Farbe!
     document.write('<font color="#00FF00">');
     document.write("Variable = " + i + "<br>");
     document.write("Generierte Zufallszahl = " + zufall + "<br>");
     document.write("</font>");
     document.write('<font color="#00FF00">Gleichheit!</font><br>');
     }else{
     //Ausgabe mit Text, Html und Variablen!
     document.write("Variable = " + i + "<br>");
     document.write("Generierte Zufallszahl = " + zufall + "<br>");
     }
    
     //Zur übersicht noch ein Zeilenumbruch!
     document.write("<br>");
    
     }
    
    </script>
    
    
    

    Für mögliche Fragen oder Kritik bin ich offen.

    Wenn es euch gefallen hat, bitte ich um eine Bewertung
    Es war einiges an Aufwand das Tut zu schreiben.

    Greez Mever
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.