Wie erstelle ich ein Quiz in HTML?

Hallo Ihr Lieben,

ich habe schon ein bisschen Erfahrungen sammeln können mit html…nun steh ich aber vor einer neuen Herausforderung.

ich würde gerne ein Quiz erstellen, wobei jede Antwortmöglichkeiten ein Wert zugeordnet ist. Am Schluss soll die Summe der Werte dann zu einem entsprechenden Ergebnis kommen.

also zb wie bei so einem welcher Typ bist du Test. Wisst ihr was ich meine?

also ich weiß im Grunde wie man ein Quiz erstellt aber leider nur mit Antwortmöglichkeiten die falsch und richtig sind. Wie kann ich das mit den Werten einbinden?

liebe Grüße

lisa

Answer 1

[phiLue]

Du wirst hier nicht drum herum kommen auch mit einer Programmiersprache wie bspw. PHP oder JavaScript zu arbeiten. :/

Comments

[Panastevens]

Ja php hatte ich im Studium auch und JavaScript angefangen. In welche Richtung muss ich den da genau gehen?

[phiLue]

@Panastevens

Das kommt ganz darauf an.. willst du das Quiz dynamisch mit Inhalten aus einer bspw. Datenbank befüllen, oder die Werte fest im HTML Markup stehen haben? Am Ende wirst du in jedem Fall das Formular abschicken und die Daten dann mittels deiner gewählten Sprache auswerten, eine Antwort zurückgeben, die in deinem Quiz auswerten und hast wieder eine entsprechende Ausgabe in Richtung Nutzer.

[Panastevens]

@phiLue

@phiLue ich hätte die Werte gerne fest. Es sind an sich nur 4 fragen

beispiel…

1.frage

Antwort 1 (wert 1)

Antwort 2 (wert 2)

Antwort 3 (wert 3)

das dann für alle fragen und als Ergebnisse gibt es beispielsweise 3 Möglichkeiten bei denen der Wert der angekreuzten Antworten zusammengefasst werden

1 Möglichkeit wert 1-4

2 Möglichkeiten 5-8

3 Möglichkeit 9-12

[skiddy]

@Panastevens

Du könntest die Fragen als JSON speichern, mit JavaScript laden, auslesen und auf deiner Seite präsentieren. Dann 4 Checkboxes oder Radiobuttons mit den Antwortmöglichkeiten setzen.

Answer 2

[Franz120378]

Nimm definitiv Javascript dafür, HTML allein geht nicht. Als Datensprache für das Quiz kannst du einerseits sql Datenbanken nutzen oder dir eine Javascript Datenbank mithilfe von Json basteln.

Woher ich das weiß: eigene Erfahrung – Programiere seit Jahren Webseiten und nutze Datenbanken

Answer 3

[Lezurex]

Das hier hilft dir wahrscheinlich weiter: https://stackoverflow.com/questions/22251201/javascript-personality-quiz

Mit HTML allein geht das nicht, dafür brauchst du eine Programmiersprache.

Woher ich das weiß: Berufserfahrung – Informatiker Applikationsentwicklung