buildHtml
baseUrl https://spell.scroll.pub
metaTags
editButton /edit.html
title Speak & Spell - Classic Spelling Practice
style.css
header
 div
  class logo
  img TI Speak & Spell
   src data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgODAiPjx0ZXh0IHg9IjEwIiB5PSI0MCIgZmlsbD0iI2ZmNjYwMCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0Ij5UJTI2SSBTcGVhayUyMCUyNiUyMFNwZWxsPC90ZXh0Pjwvc3ZnPg==
   alt TI Speak & Spell Logo
main
 section
  class game-container
  div
   class display-container
   div
    class score-display
    span Correct: 
    span
     id correct-count 0
    span Total: 
    span
     id total-count 0
    span Success Rate: 
    span
     id success-rate 0%
   div
    class word-display
    input
     type text
     id word-input
     readonly
  div
   class controls
   button
    id play-btn
    class control-btn
    Play Word
   button
    id hint-btn
    class control-btn
    Hint
   button
    id enter-btn
    class control-btn
    Enter
  div
   class 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 learning
script.js