PLAY-2780 | Applied labels to input fields and unique ids

Author: rfallin

lib/marked.js

@@ -293,7 +293,7 @@ Lexer.prototype.token = function(src, top, bq) {
         if(type === undefined) {
           continue;
         }
-        
+
         items.push({
           type: type,
           text: mQuiz.substring(3).trim(),
@@ -310,7 +310,7 @@ Lexer.prototype.token = function(src, top, bq) {
 
       continue;
     }
-    
+
     // blockquote
     if (cap = this.rules.blockquote.exec(src)) {
       src = src.substring(cap[0].length);
@@ -862,9 +862,9 @@ Renderer.prototype.quiz = function(quizTokens) {
   for (var i = 0; i < quizTokens.items.length; i++) {
     var e = quizTokens.items[i];
     if(e.type === "text") {
-      body += "<input name='quiz-group-" + quizTokens.id + "' type='text' data-answer='" + (e.option || "") + "' data-value='" + e.text.toString("base64") + "'  />";
+      body += "<label for='quiz-group-" + quizTokens.id + "-" + i + "' class='incorrect'></label><input id='quiz-group-" + quizTokens.id + "-" + i + "' name='quiz-group-" + quizTokens.id + "-" + i + "' type='text' data-answer='" + (e.option || "") + "' data-value='" + e.text.toString("base64") + "'  />";
     } else {
-      body += "<input name='quiz-group-" + quizTokens.id + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</br>";
+      body += "<label for='quiz-group-" + quizTokens.id + "-" + i + "' class='incorrect'></label><input id='quiz-group-" + quizTokens.id + "-" + i + "' name='quiz-group-" + quizTokens.id + "-" + i + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</br>";
     }
   }