Merge pull request #127 from chandra-011220/precepitation

added precipitation value of location

Author: Hrishikesh-Dalal

projects/typing-test/main.js

@@ -177,20 +177,39 @@ function appendWords(count = 10) {
     space.dataset.word = textArray.length - 1;
     textEl.appendChild(space);
   }
+  
+  // Ensure caret is visible after words are added
+  setTimeout(() => {
+    caret.style.display = "block";
+    caret.style.opacity = "1";
+    updateCaret();
+  }, 10);
 }
 
 // Update caret position relative to text container
 function updateCaret() {
   const spans = textEl.querySelectorAll("span");
+  
   if (index >= spans.length) {
     caret.style.display = "none";
     return;
   }
+  
   const span = spans[index];
-  caret.style.left = `${span.offsetLeft}px`;
-  caret.style.top = `${span.offsetTop}px`;
-  caret.style.height = `${span.offsetHeight}px`;
-  caret.style.display = "block";
+  
+  // Use requestAnimationFrame for better performance and timing
+  requestAnimationFrame(() => {
+    // Get the position relative to the text container
+    const textRect = textEl.getBoundingClientRect();
+    const spanRect = span.getBoundingClientRect();
+    
+    // Position the caret at the beginning of the current character
+    caret.style.left = `${spanRect.left - textRect.left}px`;
+    caret.style.top = `${spanRect.top - textRect.top}px`;
+    caret.style.height = `${spanRect.height}px`;
+    caret.style.display = "block";
+    caret.style.opacity = "1";
+  });
 }
 
 // Start timer on first keystroke
@@ -240,15 +259,22 @@ function resetTest() {
   timeLeft = parseInt(timeSelect.value);
   timeEl.textContent = timeLeft;
 
-  caret.style.display = "none";
   currentScoreEl.style.display = "none";
 
   textArray = [];
   textEl.innerHTML = "";
   appendWords(30);
-  updateCaret();
+  
+  // Force caret to be visible and positioned immediately
+  forceCaretVisible();
+  setTimeout(forceCaretVisible, 10);
+  setTimeout(forceCaretVisible, 50);
+  setTimeout(forceCaretVisible, 100);
 
   document.addEventListener("keydown", handleTyping);
+  
+  // Make sure caret is visible when user clicks on text area
+  textEl.addEventListener("click", forceCaretVisible);
 }
 
 // Handle typing input
@@ -259,7 +285,9 @@ function handleTyping(e) {
     startTimer();
     typingStarted = true;
     start = Date.now();
+    // Caret should already be visible, but ensure it's shown
     caret.style.display = "block";
+    caret.style.opacity = "1";
   }
 
   const spans = textEl.querySelectorAll("span");
@@ -329,9 +357,39 @@ window.addEventListener('resize', checkScrollable);
 // Update after leaderboard loads
 setTimeout(checkScrollable, 1000);
 
+// Force caret to be visible
+function forceCaretVisible() {
+  if (caret) {
+    caret.style.display = "block";
+    caret.style.opacity = "1";
+    caret.style.visibility = "visible";
+    updateCaret();
+  }
+}
+
 // Initialize
 resetTest();
 initLeaderboard();
 restartBtn.addEventListener("click", resetTest);
 timeSelect.addEventListener("change", resetTest);
-window.addEventListener("resize", updateCaret);
+window.addEventListener("resize", updateCaret);
+
+// Ensure caret is visible when page loads
+document.addEventListener("DOMContentLoaded", () => {
+  setTimeout(forceCaretVisible, 100);
+  setTimeout(forceCaretVisible, 300);
+  setTimeout(forceCaretVisible, 500);
+});
+
+// Also ensure caret is visible after a short delay
+setTimeout(forceCaretVisible, 200);
+setTimeout(forceCaretVisible, 400);
+setTimeout(forceCaretVisible, 800);
+
+// Ensure caret is visible when window gets focus
+window.addEventListener("focus", forceCaretVisible);
+window.addEventListener("load", forceCaretVisible);
+ 
+
+ 
+