onclick Event mit Bedingung

Question

Moin zusammen,

ich hinterlege einen Fragebogen mit einer TTS API um die Texte zu vertonen. Jetzt gibt es allerdings Fälle, wo der gesprochene Text je nach Antwort einer vorliegenden Frage variiert.

Als Beispiel: Wenn in Frage 1 angegeben wird, das Person A nur ein Kind hat, muss die nächste Frage 2 im Singular sein, bei zwei Kindern um Plural.

Meine Frage: Kann man ein Bild mit zwei onclick- Events versehen, deren Aktivierung abhängig ist von einer vorherigen Fragen?

Mein Beispiel Code:

<img src="speaker5.png" input onclick="responsiveVoice.speak('Bitte geben Sie ihr Geschlecht an:', 'Deutsch Female');"  class="button1">    2. Bitte geben Sie ihr Geschlecht an:

Die Frage ist sehr speziell, aber vielleicht kennt hier jemand einen Ansatz mit dem das Möglich ist.

Beste Grüße

Answer 1

Prinzipiell keine Problem - aber bevor es um die Lösung geht, muss man erstmal klären, ob die "vorige Frage" (also die, von welcher z.B. SIngular vs. Plural abhängt) auf derselben Seite im Fragebogen steht oder auf einer früheren Seite.

Wenn die Frage auf einer früheren Seite steht, könnte man die Entscheidung via PHP-Code erledigen, einen Platzhalter vorbereiten und am JavaScript würde sich gar nichts ändern.

Wenn die Frage auf derselben Seite steht, kann man die Antwort in einer JavaScript-Funktion abfragen und abhängig davon den richten Text verwenden, z.B.

<img src="speaker5.png"><input id="btn01" class="button1">2. Bitte geben Sie ihr Geschlecht an</input>
<script type="text/javascript">
document.getElementById("btn01").addEventListener("click", function() {
  if (document.getElementById("AB01_01").checked) {
    responsiveVoice.speak('Bitte geben Sie ihr Geschlecht an:', 'Deutsch Female');
  } else {
    responsiveVoice.speak('Bitte geben Sie ihr Geschlecht an:', 'Deutsch Male');
  }
});
</script>

Comments

Danke, das habe ich gebraucht! Evtl. werde ich bedarf- und falls ich es nicht hinbekommen sollte-  nochmal wegen der php Version nachfragen.