spanish-quizzer

commit 8a5dfea888f43c720bb8d0bf86d3d6203bcdb85d
parent 801eeed4ea8d6ea80a9e8556e5d10717979d3c23
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Mon, 13 Apr 2020 09:19:31 -0700

Implement text to speech in reference tables.

Diffstat:
M
Reference/index.js
 | 
23
++++++++++++++++++++---

1 file changed, 20 insertions(+), 3 deletions(-)
diff --git a/Reference/index.js b/Reference/index.js
@@ -146,6 +146,21 @@ function Load() {
 
 
 
+// Reads a vocab word
+function Read(row, column)
+{
+    var msg = new SpeechSynthesisUtterance(Sets[document.getElementById("referenceSet").value][row][column]);
+    if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("english")) {
+        msg.lang = 'en';
+    }
+    else if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("spanish")){
+        msg.lang = 'es';
+    }
+    window.speechSynthesis.speak(msg);
+}
+
+
+
 // Change the vocab set
 function referenceSetChanged() {
     // Clear table
@@ -163,10 +178,12 @@ function referenceSetChanged() {
     
     // Get body
     var body = "";
-    for (row of Sets[document.getElementById("referenceSet").value].slice(1)) {
+    rows = Sets[document.getElementById("referenceSet").value].slice(1);
+    for (var row = 0; row < rows.length; row++) {
         body += '<tr>';
-        for (column of row) {
-            body += `<td style="border: 1px solid #808080;">${column}</td>`;
+        columns = rows[row];
+        for (var column = 0; column < columns.length; column++) {
+            body += `<td style="border: 1px solid #808080; cursor: pointer;" onclick="Read(${row + 1}, ${column})">${columns[column]}</td>`;
         }
         body += "</tr>";
     }