• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Warum wird mein HTML Dokument nicht im Browser angezeigt ?

A

Asaak

New member
Hallo Leute,

nachdem ich dachte das, dass was ich weiß Java ist und nicht javascript lerne ich im Crashkurs Javascript...

ich komme besten willens nicht weiter was mache ich beim einbinden von javascript falsch ? wieso wird das nicht angezeigt wenn ich die html datei öffne ? da erscheint rein garnichts.

Code: 
<!DOCTYPE html>
<html>
<body>
<title>
Schnell-Check
</title>
 	<body>
<script type="text/javascript">
<!--
<center><h1>XXXX</h1><br>
<b>XXXXX</b></center>
<br><br><br>
   
<center>
XXXXX

<br><br><br><br>

<input type ="button" name ="Start" value = "Start" onclick="toggleSet('Start')"/></center>
	
<center> 
<h2>Sind sie männlich oder weiblich ?</h2>
	<input type ="radio" name = "geschlecht" value = "sexm" onclick="toggleSet('geschlecht')"/> Männlich <br>
	<input type ="radio" name = "geschlecht" value = "sexw" onclick="toggleSet('geschlecht')"/> Weiblich <br>
			

<br>
<br>
	<input type ="button" name ="zurück" value = "<< zurück" onclick="toggleSet('zurück')"/>
	<input type ="button" name ="weiter" value = "weiter >>" onclick="toggleSet('weiter')"/>
</center>	

//-->
</script>
	</body>
</html>

würde mich über eine Hilfe sehr freuen.
 
Danke für die Antwort das mit
Code: 
<Body>
war ein versehen habe ich korrigiert danke.

okey das heißt also JavaScript arbeitet nicht mit den Elementen "Input type="Radio"" oder meintet ihr das es darauf bezogen war das ich noch kein JavaScript geschrieben habe ? mir ging es anfangs eigentlich nur darum das ich diesen Aufbau habe und jetzt wollte ich
Code: 
<script> </script>
einbinden aber genau da schmeißt er mir die ganze HTML seite raus an den
Code: 
<Body>
fehler kann es nicht gelegen haben.

danke für die schnellen antworten.
 
Asaak schrieb:
okey das heißt also JavaScript arbeitet nicht mit den Elementen "Input type="Radio""
Zum Vergrößern anklicken....
genau, js arbeitet mit function, for, if, .... eine programmiersprache, html arbeitet mit tags woi body, input, script, ...
Asaak schrieb:
mir ging es anfangs eigentlich nur darum das ich diesen Aufbau habe und jetzt wollte ich
Code: 
<script> </script>
einbinden
Zum Vergrößern anklicken....
du kannst ja <script> </script> einbiinden, auch ohne code, es darf nur kein html als inhalt haben
 
Perfekt danke dir :)

nun eventuell meine letzte Frage

nun habe ich diesen Code:

HTML: 
    <input type ="radio" name = "geschlecht" value = "sexm" onclick="toggleSet('sexm')"/> Männlich <br>
    <input type ="radio" name = "geschlecht" value = "sexw" onclick="toggleSet('sexw')"/> Weiblich <br>

die Value ist dann nehme ich an der Variable Name den ich für den JavaScript benötige nun möchte ich sagen Wenn Männlich das sexm "merken" wenn weiblich das sexw "merken". dann wenn weiter geklickt wird soll die nächste Frage erscheinen und genau da habe ich jetzt ein zweites Problem. muss ich jeder Frage jetzt ein Wert zuweisen von 1-XX jenachdem wieviele Fragen kommen und im Javascript diese dann abspielen lassen sprich if (i<=13) i++ also kurzgefasst 13 Fragen i ist anfangs 0 jetzt würde das so mit JavaScript funktionieren?

ich hoffe man versteht mich :S
 
Zuletzt bearbeitet von einem Moderator:
Asaak schrieb:
ich hoffe man versteht mich :S
Zum Vergrößern anklicken....
nicht wirklich
du willst mehrere fragen nacheinander anzeigen?
dann mach mehrere divs, wo jeweils die fragen und möglichen antworten drinn stehen. blenden alle fragen bis auf die 1. mit display none aus. unter die divs setzt du den OK-button, der bei click das div sucht, welches eingeblendt ist und das nächste div einblendet und das aktuell eingeblendete ausblendet. auf die einzelnen antwortmöglichkeiten setzt du change-handler, welche die antworten für dich speichern.
 
Also ich habe es jetzt einigermaßen hinbekommen

HTML: 
<!DOCTYPE html>
<html>
<title>
Schnell-Check
</title>
     <body>

<center><h1>XXXX</h1><br>

<b>XXXXX</b></center>
<br><br><br>

<div id="texttext"  style="display:block;" >  
<center>
XXXXXX
<br><br>
XXXXXX

<br><br><br><br>


<input type="button" name="answer" value="Start" onclick="showDivstart()"/>
</div>
<script>
function showDivstart() {
   document.getElementById('einseins').style.display = "block";
   document.getElementById('nextnext').style.display = "block";	
   document.getElementById('texttext').style.display = "none";
}
</script>

   
<center> 

<style type="text/css">
  #einseins{ display:none; }
</style>  

<div id="einseins"  style="display:none;" >          
<h2>Frage1<h2>
    <input type ="radio" name = "eins" onclick="toggleSet('eins1')"/> Ja <br>
    <input type ="radio" name = "eins" onclick="toggleSet('eins2')"/> Nein <br>
</div>

<script>
function showDivnext() {
   document.getElementById('backback').style.display = "block";
   document.getElementById('zweizwei').style.display = "block";	
   document.getElementById('einseins').style.display = "none";
}

function showDivback() {
   document.getElementById('einseins').style.display = "block";
   document.getElementById('nextnext').style.display = "block";	
   document.getElementById('texttext').style.display = "none";
   document.getElementById('zweizwei').style.display = "none";
   document.getElementById('backback').style.display = "none";
}
</script>

<div id="zweizwei"  style="display:none;">   
<h2>Frage2</h2> <br><br>
    <input type ="radio" name = "zwei"  onclick="toggleSet('zwei1')"/> Ja <br>
    <input type ="radio" name = "zwei"  onclick="toggleSet('zwei2')"/> Nein <br>
</div>

<div id="dreidrei"  style="display:none;" >   
<h2>Frage3</h2> <br><br>
    <input type ="radio" name = "drei"  onclick="toggleSet('drei1')"/> Ja <br>
    <input type ="radio" name = "drei"  onclick="toggleSet('drei2')"/> Nein <br>
</div>

<div id="viervier"  style="display:none;" >   
<h2>Frage4</h2> <br><br>
    <input type ="radio" name = "vier"  onclick="toggleSet('vier1')"/> Ja <br>
    <input type ="radio" name = "vier"  onclick="toggleSet('vier2')"/> Nein <br>
</div>

<div id="fuenffuenf"  style="display:none;" >   
<h2>Frage5</h2> <br><br>
    <input type ="radio" name = "fuenf" onclick="toggleSet('fuenf1')"/> Ja <br>
    <input type ="radio" name = "fuenf" onclick="toggleSet('fuenf2')"/> Nein <br>
</div>

<div id="sechssechs"  style="display:none;" >   
<h2>Frage6</h2> <br><br>
    <input type ="radio" name = "sechs" onclick="toggleSet('sechs1')"/> Ja <br>
    <input type ="radio" name = "sechs" onclick="toggleSet('sechs2')"/> Nein <br>
</div>

<div id="siebensieben"  style="display:none;" >   
<h2>Frage7</h2> <br><br>
    <input type ="radio" name = "sieben" onclick="toggleSet('sieben1')"/> Ja <br>
    <input type ="radio" name = "sieben" onclick="toggleSet('sieben2')"/> Nein <br>
</div>

<div id="achtacht"  style="display:none;" >   
<h2>Frage8</h2><br><br>
    <input type ="radio" name = "acht"   onclick="toggleSet('acht1')"/> Ja <br>
    <input type ="radio" name = "acht"   onclick="toggleSet('acht2')"/> Nein <br>
</div>

<div id="neunneun"  style="display:none;" >   
<h2>frage9</h2> <br><br>
    <input type ="radio" name = "neun"   onclick="toggleSet('neun1')"/> Ja <br>
    <input type ="radio" name = "neun"   onclick="toggleSet('neun2')"/> Nein <br>
</div>

<div id="zehnzehn"  style="display:none;" >   
<h2>Frage 10</h2>
<i>XXXXXX</i> <br><br>
    <input type ="radio" name = "zehn"  onclick="toggleSet('zehn1')"/> Ja <br>
    <input type ="radio" name = "zehn"  onclick="toggleSet('zehn2')"/> Nein <br>
</div>

<div id="elfelf"  style="display:none;" >   
<h2>Frage11</h2> <br><br>
    <input type ="radio" name = "elf"  onclick="toggleSet('elf1')"/> Ja <br>
    <input type ="radio" name = "elf"  onclick="toggleSet('elf2')"/> Nein <br>
</div>

<div id="zwoelfzwoelf"  style="display:none;" >   
<h2>Frage12</h2> <br><br>
    <input type ="radio" name = "zwoelf"  onclick="toggleSet('zwoelf1')"/> Ja <br>
    <input type ="radio" name = "zwoelf"  onclick="toggleSet('zwoelf2')"/> Nein <br>
</div>

<div id="geschlechtgeschlecht"  style="display:none;" >
<h2>Sind sie männlich oder weiblich?</h2>
    <input type ="radio" name = "geschlecht" onclick="toggleSet('sexm')"/> Männlich <br>
    <input type ="radio" name = "geschlecht" onclick="toggleSet('sexw')"/> Weiblich <br>
</div>

<br>
<br>

<div id="backback"  style="display:none;" >
    <input type ="button" name ="zurueck" value = "<< zurück" onclick="showDivback()"/> </div>
<div id="nextnext"  style="display:none;" >
    <input type ="button" name ="weiter" value = "weiter >>" onclick="showDivnext()"/> </div>

</center>    
</body>
</html>

aber das kann ich ja nicht immer machen ^^ ? ich möchte ja das es nach und nach aufgeht und nicht alle aufeinmal jetzt bin ich total überfordert ich bin nun soweit das ich mit einem "Start" knopf die Abfrage starte danach kann ich einmal auf "weiter" klicken und das war es weiter komme ich nicht mit der Methode sonst überschlagen sich die ganzen showDiv funktionien die ich einbaue.

hoffe ihr könnt mir helfen :/
 
Zuletzt bearbeitet:
Asaak schrieb:
aber das kann ich ja nicht immer machen ^^ ?
Zum Vergrößern anklicken....
nee, statisch ist mist

Asaak schrieb:
ich möchte ja das es nach und nach aufgeht und nicht alle aufeinmal
Zum Vergrößern anklicken....
ja, eins soll eingeblendet sein, der rest ausgeblendet

Code: 
<html>
  <head>
    <title></title>
    <style>
      form div {
        display: none;
      }
      form div.active {
        display: inline-block;
      }
    </style>
    <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function()
      {
        var button = document.querySelector("form button");
        button.addEventListener("click", function()
        {
          var divs = document.querySelectorAll("form div");
          Array.prototype.every.call(divs, function(div, divIndex)
          {
            if (div.className == "active")
            {
              div.className = "";
              if (++divIndex < divs.length)
              {
                divs[divIndex].className = "active";
              }
              else // letzte frage beantwortet
              {
                // mach was mit dem ergebniss
              }
              return false;
            }
            return true;
          });
        });
        var form = document.querySelector("form");
        form.addEventListener("submit", function(e)
        {
          e.preventDefault();
        });
      });
    </script>
  </head>
  <body> 
    <form>
      <div class="active">
        <label>Geschlecht</label>
        <label for="m">Männlich</label>
        <input id="m" type="radio" name="sex" value="m">
        <label for="w">Weiblich</label>
        <input id="w" type="radio" name="sex" value="w">
      </div>
      <div>
        <label>Bla</label>
        <label for="x">x</label>
        <input id="x" type="checkbox" name="xyz" value="x">
        <label for="y">y</label>
        <input id="y" type="checkbox" name="xyz" value="y">
        <label for="z">z</label>
        <input id="z" type="checkbox" name="xyz" value="z">
      </div>
      <div>
        <label>Blup</label>
        <input id="a" type="text" name="txt" value="">
      </div>
      <button>OK</button>
    </form>
  </body>
</html>
 
vielen vielen dank klappt wunderbar und sieht ehrlichgesagt auch besser aus :)

kannst du mir aber bitte einmal erklären wie der Button bei dir funktioniert ? ich blick da einfach nicht durch möchte für Lehr Zwecke ein Zurück Button erstellen aber ich blicke nichtmal durch deins durch.

falls es zuviel aufwand ist werde ich wohl die einzelnen Funktionen googlen müssen.

danke nochmals :)
 
ich suche alle divs im einzigen form-element
dann wird über die liste iteriert
für jedes div wird nachgesehen, ob es die class active hat
hat es diese, wird die class active entfernt und beim nächsten div in der liste wird die class auf active gesetzt
 
okey aber ich verstehe nicht die Verbindung zu Button ? wieso funktioniert das ? wäre es nicht logischer dem Button eine Div Klasse zuzuweisen und über den die Funktion laufen lassen ? so wie ich das verstanden und ausprobiert habe kann ich keine weiteren funktionierenden Buttons einfügen oder liege ich da falsch ? wird eine Klasse deiner Anweisung bevorzugt?

und Guten Morgen und danke nochmals :)
 
Asaak schrieb:
okey aber ich verstehe nicht die Verbindung zu Button ?
Zum Vergrößern anklicken....
und ich nicht die frage. am click-event des buttons hängt die funktionalität

Asaak schrieb:
wieso funktioniert das ? wäre es nicht logischer dem Button eine Div Klasse zuzuweisen und über den die Funktion laufen lassen ?
Zum Vergrößern anklicken....
???

Asaak schrieb:
so wie ich das verstanden und ausprobiert habe kann ich keine weiteren funktionierenden Buttons einfügen oder liege ich da falsch ?
Zum Vergrößern anklicken....
buttons wozu? als elemente deiner fragen? dann musst du genauer spezifizieren welchen button du für was nutzen möchtest.
da ich nur einen button verwendet hatte, um an diesen die "weiterschaltungsfunktionalität" zu knüpfen konnte ich den einfach mit var button = document.querySelector("form button"); besorgen.
hast du weitere buttons, musst du das weiter spezifizieren. über id und getElementById z.b.

Asaak schrieb:
wird eine Klasse deiner Anweisung bevorzugt?
Zum Vergrößern anklicken....
???
 
so hab es hinbekommen allerdings habe ich jetzt ein anderes Problem und tut mir leid das ich mich so spät melde war die letzten 4 Tage Krank.

HTML: 
<html>
  <head>
    <title></title>
    <style>
      form div.activenext {
        display: none;
      }
      form div.activefirst {
        display: none;
      }
      form div.activetext {
        display: block;
      }
    </style>
    <script type="text/javascript">
    function showDivStart() {
   document.getElementById("activefirst").style.display = "block";
   document.getElementById("buttonnext").style.display = "block";
   document.getElementById("buttonstart").style.display = "none";
   document.getElementById("activetext").style.display = "none";

}
      document.addEventListener("DOMContentLoaded", function()
      {
        buttonnext.addEventListener("click", function()
        {
          var divs = document.querySelectorAll("form div");
          Array.prototype.every.call(divs, function(div, divIndex)
          {
            if (div.className == "activefirst")
            {
              div.className = "activenext";
              if (++divIndex < divs.length)
              {
                divs[divIndex].className = "activefirst";
              }
              else // letzte frage beantwortet
              {
                // Von vorne beginnen mit Fragen
              }
              return false;
            }
            return true;
          });
        });
        var form = document.querySelector("form");
        form.addEventListener("submit", function(e)
        {
          e.preventDefault();
        });
      });
    </script>
  </head>
  <body>
    <form><center>

    <div class="activetext">
XXXXXXXXXXXXXXXXXXXXXX

<br>
<br>
<b> Um zu Beginnen auf <u>Start</u> klicken </b> <br><br><br>
</div>
      <div class="activefirst">
        <h2>Frage 1)XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="eins" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="eins" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 2) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 3) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="drei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="drei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 4) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="vier" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="vier" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 5) XXXX </h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="fünf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="fünf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 6) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sechs" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sechs" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 7) XXXX</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sieben" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sieben" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 8) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="acht" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="acht" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 9)XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="neun" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="neun" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 10) XXXX)</i></h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zehn" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zehn" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 11) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="elf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="elf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 12) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwölf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwölf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 13) Sind sie männlich oder weiblich?</h2><br><br>
        <label for="m">Männlich</label>
        <input id="m" type="radio" name="sex" value="m">
        <label for="w">Weiblich</label>
        <input id="w" type="radio" name="sex" value="w">
      </div>
        <div class="activenext">
	<h2> Ergebnis deines Tests </h2>
						// Auswertung
						// Restart Knopf
						// Kontaktdaten wieder einblenden
        </div>
        <br><br>

<div id="buttonstart"  style="display:block;" >
    <input type ="button" name ="start" value = "Start" onclick="showDivStart()"/> </div>

<div id="buttonnext"  style="display:none;" >
    <input type ="button" name ="weiter" value = "weiter >>"/> </div>
   </center> </form>
  </body>
</html>


Folgendes Problem: Habe jetzt oben ein Start Knopf eingebaut sollte eigentlich ganz simple sein "activetext" und "buttonstart" sollten ausgeblendet werden und "buttonnext" und "activefirst" sollte eingeblendet werden so das nur die beiden zu sehen sind.

aber aus irgendwelchen Gründen funktioniert der Code so nicht ich bin ratlos also die Buttons funktionieren ja nichtmal hoffe auf hilfe

Danke im Vorraus.
 
Du hast einen Fehler in der Fehlerkonsole: dein erstes Element hat nicht die ID "activefirst", sondern die Klasse. Du musst also mit document.getElementsByClassName() arbeiten (ACHTUNG: das ist dann aber eine HTML-Collection und kein einzelnes Element mehr).

Außerdem ist der JS-Code viel zu kompliziert:
Code: 
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <style>
      form div.activenext {
        display: none;
      }
      form div.activefirst {
        display: block;
      }
      form div.activetext {
        display: block;
      }
    </style>
    <script type="text/javascript">
    function showDivStart() {
   document.getElementsByClassName("activenext")[0].className= "activefirst";
   document.getElementById("buttonnext").style.display = "block";
   document.getElementById("buttonstart").style.display = "none";
   document.getElementsByClassName("activetext")[0].style.display = "none";

}
      document.addEventListener("DOMContentLoaded", function(){
      var buttonnext = document.getElementById("buttonnext");
        buttonnext.addEventListener("click", function(){
          var active = document.querySelectorAll("form div.activefirst")[0];
          if (active && active.nextElementSibling && active.nextElementSibling.className == "activenext"){
          	active.className = "activenext";
          	active.nextElementSibling.className = "activefirst";
          }
        });
        var form = document.querySelector("form");
        form.addEventListener("submit", function(e){
          e.preventDefault();
        });
      });
    </script>
  </head>
  <body>
    <form><center>

    <div class="activetext">
XXXXXXXXXXXXXXXXXXXXXX

<br>
<br>
<b> Um zu Beginnen auf <u>Start</u> klicken </b> <br><br><br>
</div>
<div>
      <div class="activenext">
        <h2>Frage 1)XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="eins" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="eins" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 2) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 3) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="drei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="drei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 4) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="vier" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="vier" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 5) XXXX </h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="fünf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="fünf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 6) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sechs" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sechs" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 7) XXXX</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sieben" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sieben" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 8) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="acht" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="acht" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 9)XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="neun" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="neun" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 10) XXXX)</i></h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zehn" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zehn" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 11) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="elf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="elf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 12) XXXX?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwölf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwölf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 13) Sind sie männlich oder weiblich?</h2><br><br>
        <label for="m">Männlich</label>
        <input id="m" type="radio" name="sex" value="m">
        <label for="w">Weiblich</label>
        <input id="w" type="radio" name="sex" value="w">
      </div>
        <div class="activenext">
	<h2> Ergebnis deines Tests </h2>
						// Auswertung
						// Restart Knopf
						// Kontaktdaten wieder einblenden
        </div>
</div>
        <br><br>

<div id="buttonstart"  style="display:block;" >
    <input type ="button" name ="start" value = "Start" onclick="showDivStart()"/> </div>

<div id="buttonnext"  style="display:none;" >
    <input type ="button" name ="weiter" value = "weiter >>"/> </div>
   </center> </form>
  </body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben