buildHtml
baseUrl https://spellitscroll.pub
metaTags
editButton /edit.html
title Spell-It | Interactive Spelling Practice
style.css
header
 class app-header
 h1 Spell-It
 p Master spelling through interactive practice
main
 class spell-container
 div
  class stats-panel
  p Correct: 
   span 0
    id correct-count
  p Total: 
   span 0
    id total-count
  p Success Rate: 
   span 0%
    id success-rate
 div
  class game-panel
  button Play Word
   id play-btn
   class primary-btn
  button Hint
   id hint-btn
   class secondary-btn
  div
   class input-section
   input
    type text
    id word-input
    placeholder Type the word here...
   button Enter
    id enter-btn
    class primary-btn
 div
  class message-panel
  p
   id feedback-message
   Ready to start! Click 'Play Word' to begin.
 div
  class virtual-keyboard
  div
   class keyboard-row
   button Q
   button W
   button E
   button R
   button T
   button Y
   button U
   button I
   button O
   button P
  div
   class keyboard-row
   button A
   button S
   button D
   button F
   button G
   button H
   button J
   button K
   button L
  div
   class keyboard-row
   button Z
   button X
   button C
   button V
   button B
   button N
   button M
footer
 p Made with ♥ for spelling enthusiasts
script.js