From 2cfe0fb2ffc80a145df375e5604bd7ccee8a9e10 Mon Sep 17 00:00:00 2001
From: typer <teiqeo@gmail.com>
Date: Sat, 28 Nov 2020 18:40:07 -0800
Subject: [PATCH] improved showWords() performance by batching appends

---
 src/js/script.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/js/script.js b/src/js/script.js
index 3ae1a8b29..3c9229875 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -843,14 +843,15 @@ function addWord() {
 function showWords() {
   $("#words").empty();
 
+  let wordsHTML = "";
   for (let i = 0; i < wordsList.length; i++) {
-    let w = "<div class='word'>";
+    wordsHTML += "<div class='word'>";
     for (let c = 0; c < wordsList[i].length; c++) {
-      w += "<letter>" + wordsList[i].charAt(c) + "</letter>";
+      wordsHTML += "<letter>" + wordsList[i].charAt(c) + "</letter>";
     }
-    w += "</div>";
-    $("#words").append(w);
+    wordsHTML += "</div>";
   }
+  $("#words").html(wordsHTML);
 
   $("#wordsWrapper").removeClass("hidden");
   const wordHeight = $(document.querySelector(".word")).outerHeight(true);