Brauche Hilfe bei meinem Schul-Projekt (Javascript/HTML)

  • Hi, ich hab Probleme mit meinem Projekt. Ich wollte so eine Art Buch mit mehreren Pfaden machen. Nur leider ist das Problem, dass ich einen Input brauche und ich kenne und verstehe bisher nur prompt. Das funktioniert aber nicht richtig, weil man dann den Rest der Seite nicht mehr sieht. Ich wollte halt, dass die ganze Geschichte auf der Website ist und ohne alert und prompt funktioniert. Hier ist das Meisterwerk:



    <html>

    <head>

    <title>

    Vounder-Novel

    </title>

    <script language="JavaScript">


    {

    document.write ("Willkommen zur Vounder Visual Novel<br>");

    }

    {

    document.write ("Bitte tragen sie ihren Spielernamen ein<br>");

    }


    var vorname=prompt ("Wie heißt du mit Vornamen?");



    var nachname=prompt ("Wie ist dein Nachname?");


    {

    document.write ("Bereit? Dann viel Spaß bei meiner Visual Novel!<br>");

    }

    {

    document.write ("Hallo, ich bin "+vorname+" "+nachname+", bin 15 Jahre alt\n und gehe auf die xxxxxxxx Schule.<br>");

    }

    {

    document.write ("Ich bin relativ schlecht in der Schule und habe nicht all zu viele Freunde.<br>");

    }

    {

    document.write ("Heute bin ich, wie jeden Mittwoch, ins Game\nCenter gegangen um Wrestling Pro 4 zu spielen.<br>");

    }

    {

    document.write ("Heute ist sie wieder da. Dieses Mädchen. Ich habe sie\n hier schon öfters im Game Center gesehen.<br>");

    }

    {

    document.write ("Sie trägt keine Schuluniform... Ob sie wohl auf meine Schule geht?<br>");

    }

    var route= prompt ("Soll ich sie ansprechen?\n Ja(1) oder nein(2)?");




    while (route!="1" && route!="2")

    {

    document.write ("Noch mal eingeben. Entweder 1 oder 2!<br>");

    route= prompt ("Soll ich sie ansprechen?\n Ja(1) oder nein(2)?");

    }


    if (route=="1")

    {

    document.write ("Okay gut. Ich werde sie ansprechen!<br>");

    document.write (""+vorname+": Hi, ich habe dich hier schon öfter gesehen.<br> Mein Name ist "+vorname+". Wie heist du?<br>");

    document.write ("Emilia: Hi. Mein Name ist Emilia, kannst mich aber Emmi nennen.<br>");

    document.write (""+vorname+": Du hast garkeine Schuluniform an... Auf welche Schule gehst du?<br>");

    document.write ("Emilia: Ich geh' auf die Anna-Seghers Schule. Du?<br>");

    document.write (""+vorname+": Ich auch! Ich gehe in die 2A. Welche Klasse gehst du?<br>");

    document.write ("Emilia: Ich gehe in die 2E. Ich hab dich zuvor beachtet. Gehst du in irgendeinen Club?<br>");

    document.write (""+vorname+": Nein... Ich habe mich noch nie für solche Clubs interessiert...<br>");

    document.write ("Emilia: Nein?! Schade... Ich wollte dich in meinen Gaming Club einladen...<br>");

    document.write (""+vorname+":Von einem Gaming Club weiss ich garnichts.<br>");

    document.write ("Emilia: Ja, ich wollte einen aufmachen. Wir brauchen mindestens 4 Mitglieder, also wenn du beitreten würdest, wären wir schon zu dritt.<br>");

    document.write (""+vorname+": Zu dritt?! Das heisst, es ist noch ein anderer dabei?<br>");

    document.write ("Emilia: Eine andere. Ein Mädchen aus der 2C ist noch dabei. Also, willst du beitreten?<br>");

    route= prompt ("Willst du beitreten?\nJa(1) oder nein(2)");






    {

    while (route!="1" && route!="2")

    {

    document.write ("Noch mal eingeben. Entweder 1 oder 2!<br>");

    route= prompt (" Ja(1) oder nein(2)?");

    }

    if (route=="1")

    {

    document.write ("lol");

    document.write ();





    }


    else if (route=="2")

    {

    document.write ("lol");

    document.write ();





    }



    }


    }












    else if (route=="2")

    {

    document.write ("Nein... Ich lasse es lieber. Geht mich sowieso nichts an...<br>");

    document.write ("ich spiele mein Spiel wieter gehe nach einiger Zeit<br>");

    document.write ("Am nächsten Tag<br>");

    document.write ("Ich laufe durch den Schulflur und sehe sie.<br>");

    document.write ("Ich drehe um und weiss nicht was machen soll lan?<br>");

    route= prompt("soll ich sie ansrechen ja(1) oder nein(2)?");

    }



    else

    {

    document.write("Sie haben etwas falsch eingegeben!!!!!<br>");

    }


























    </script>

    </head>

    <body>

    <font>Master piece </font>

    </body>

    </html>






    Ich weiß, is n bisl komisch die Story, aber die is ja nich so wichtig haha;)



    Vielen Dank im Voraus.

    Vounder

  • Code
    document.write()

    Ist Sch.....

    Mach deine Fragen in ein <p>Frage</p>

    dan ein text input

    und so weiter

    das geht wie m.scatello schon sagte ohne Javascript.

    Zum auswerten der Input Felder brauchen wir dann erst JS.


    PS Ein input Feld für Text sieht so aus

    Code
    <input type="text" id="frage1" value="kann leer bleiben" placeholder="Info für User">

    value und placeholder brauch man nicht

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!