script.js

const input = document.getElementById('input')
const output = document.getElementById('output')
const timer = document.getElementById('time')
const result_display = document.getElementById('result')
const resetBtn = document.getElementById('reset')


let word_dict = `the
of
to
and
a
in
is
it
you
that
he
was
for
on
are
with
as
I
his
they
be
at
one
have
this
from
or
had
by
not
word
but
what
some
we
can
out
other
were
all
there
when
up
use
your
how
said
an
each
she
which
do
their
time
if
will
way
about
many
then
them
write
would
like
so
these
her
long
make
thing
see
him
two
has
look
more
day
could
go
come
did
number
sound
no
most
people
my
over
know
water
than
call
first
who
may
down
side
been
now
find
any
new
work
part
take
get
place
made
live
where
after
back
little
only
round
man
year
came
show
every
good
me
give
our
under
name
very
through
just
form
sentence
great
think
say
help
low
line
differ
turn
cause
much
mean
before
move
right
boy
old
too
same
tell
does
set
three
want
air
well
also
play
small
end
put
home
read
hand
port
large
spell
add
even
land
here
must
big
high
such
follow
act
why
ask
men
change
went
light
kind
off
need
house
picture
try
us
again
animal
point
mother
world
near
build
self
earth
father
head
stand
own
page
should
country
found
answer
school
grow
study
still
learn
plant
cover
food
sun
four
between
state
keep
eye
never
last
let
thought
city
tree
cross
farm
hard
start
might
story
saw
far
sea
draw
left
late
run
don't
while
press
close
night
real
life
few
north
open
seem
together
next
white
children
begin
got
walk
example
ease
paper
group
always
music
those
both
mark
often
letter
until
mile
river
car
feet
care
second
book
carry
took
science
eat
room
friend
began
idea
fish
mountain
stop
once
base
hear
horse
cut
sure
watch
color
face
wood
main
enough
plain
girl
usual
young
ready
above
ever
red
list
though
feel
talk
bird
soon
body
dog
family
direct
pose
leave
song
measure
door
product
black
short
numeral
class
wind
question
happen
complete
ship
area
half
rock
order
fire
south
problem
piece
told
knew
pass
since
top
whole
king
space
heard
best
hour
better
true
during
hundred
five
remember
step
early
hold
west
ground
interest
reach
fast
verb
sing
listen
six
table
travel
less
morning
ten
simple
several
vowel
toward
war
lay
against
pattern
slow
center
love
person
money
serve
appear
road
map
rain
rule
govern
pull
cold
notice
voice
unit
power
town
fine
certain
fly
fall
lead
cry
dark
machine
note
wait
plan
figure
star
box
noun
field
rest
correct
able
pound
done
beauty
drive
stood
contain
front
teach
week
final
gave
green
oh
quick
develop
ocean
warm
free
minute
strong
special
mind
behind
clear
tail
produce
fact
street
inch
multiply
nothing
course
stay
wheel
full
force
blue
object
decide
surface
deep
moon
island
foot
system
busy
test
record
boat
common
gold
possible
plane
stead
dry
wonder
laugh
thousand
ago
ran
check
game
shape
equate
hot
miss
brought
heat
snow
tire
bring
yes
distant
fill
east
paint
language
among
grand
ball
yet
wave
drop
heart
am
present
heavy
dance
engine
position
arm
wide
sail
material
size
vary
settle
speak
weight
general
ice
matter
circle
pair
include
divide
syllable
felt
perhaps
pick
sudden
count
square
reason
length
represent
art
subject
region
energy
hunt
probable
bed
brother
egg
ride
cell
believe
fraction
forest
sit
race
window
store
summer
train
sleep
prove
lone
leg
exercise
wall
catch
mount
wish
sky
board
joy
winter
sat
written
wild
instrument
kept
glass
grass
cow
job
edge
sign
visit
past
soft
fun
bright
gas
weather
month
million
bear
finish
happy
hope
flower
clothe
strange
gone
jump
baby
eight
village
meet
root
buy
raise
solve
metal
whether
push
seven
paragraph
third
shall
held
hair
describe
cook
floor
either
result
burn
hill
safe
cat
century
consider
type
law
bit
coast
copy
phrase
silent
tall
sand
soil
roll
temperature
finger
industry
value
fight
lie
beat
excite
natural
view
sense
ear
else
quite
broke
case
middle
kill
son
lake
moment
scale
loud
spring
observe
child
straight
consonant
nation
dictionary
milk
speed
method
organ
pay
age
section
dress
cloud
surprise
quiet
stone
tiny
climb
cool
design
poor
lot
experiment
bottom
key
iron
single
stick
flat
twenty
skin
smile
crease
hole
trade
melody
trip
office
receive
row
mouth
exact
symbol
die
least
trouble
shout
except
wrote
seed
tone
join
suggest
clean
break
lady
yard
rise
bad
blow
oil
blood
touch
grew
cent
mix
team
wire
cost
lost
brown
wear
garden
equal
sent
choose
fell
fit
flow
fair
bank
collect
save
control
decimal
gentle
woman
captain
practice
separate
difficult
doctor
please
protect
noon
whose
locate
ring
character
insect
caught
period
indicate
radio
spoke
atom
human
history
effect
electric
expect
crop
modern
element
hit
student
corner
party
supply
bone
rail
imagine
provide
agree
thus
capital
won't
chair
danger
fruit
rich
thick
soldier
process
operate
guess
necessary
sharp
wing
create
neighbor
wash
bat
rather
crowd
corn
compare
poem
string
bell
depend
meat
rub
tube
famous
dollar
stream
fear
sight
thin
triangle
planet
hurry
chief
colony
clock
mine
tie
enter
major
fresh
search
send
yellow
gun
allow
print
dead
spot
desert
suit
current
lift
rose
continue
block
chart
hat
sell
success
company
subtract
event
particular
deal
swim
term
opposite
wife
shoe
shoulder
spread
arrange
camp
invent
cotton
born
determine
quart
nine
truck
noise
level
chance
gather
shop
stretch
throw
shine
property
column
molecule
select
wrong
gray
repeat
require
broad
prepare
salt
nose
plural
anger
claim
continent
oxygen
sugar
death
pretty
skill
women
season
solution
magnet
silver
thank
branch
match
suffix
especially
fig
afraid
huge
sister
steel
discuss
forward
similar
guide
experience
score
apple
bought
led
pitch
coat
mass
card
band
rope
slip
win
dream
evening
condition
feed
tool
total
basic
smell
valley
nor
double
seat
arrive
master
track
parent
shore
division
sheet
substance
favor
connect
post
spend
chord
fat
glad
original
share
station
dad
bread
charge
proper
bar
offer
segment
slave
duck
instant
market
degree
populate
chick
dear
enemy
reply
drink
occur
support
speech
nature
range
steam
motion
path
liquid
log
meant
quotient
teeth
shell
neck`

word_dict = word_dict.split("\n")

input.setAttribute('autocomplete', 'off')
input.setAttribute('autocorrect', 'off')
input.setAttribute('autocapitalize', 'off')
input.setAttribute('spellcheck', false)



let incorrect_letters = 0
let incorrect_words = 0
let word_count = 0
let letter_count = 0
let num_of_words = 15
let keys_pressed = 0

let current_string = ""
let current_input_letter = ""
let current_testing_letter = ""
let current_testing_word = ""

let sentence = ""
for(let i = 0; i < num_of_words; i++){
   sentence +=  getRandomItem(word_dict) + " ";
}

let input_arr = sentence.split(" ")
wording()

function foo(a){
    if(word_count == num_of_words){
        return
    }
    if(keys_pressed <= 1){
        secs = 0
    }
    keys_pressed += 1
    current_string = a.value
    current_input_letter = current_string[current_string.length - 1]
    current_testing_letter = input.childNodes[word_count].innerHTML[letter_count]
    current_testing_word =  input.childNodes[word_count]
    

    if(current_input_letter == " "){        
        if(a.value.slice(0,-1)  != current_testing_word.innerHTML){
            current_testing_word.style.backgroundColor = "red"
            incorrect_words += 1
            incorrect_letters += 1
        }
        a.value = ""
        letter_count = -1
        word_count +=1 
        console.log(word_count)
    }
  
    else{
        if(partOfWord(current_string,letter_count+1) == partOfWord(current_testing_word.innerText, letter_count+1)){
            current_testing_word.style.backgroundColor = "gray"
        }

        if(current_input_letter != current_testing_letter){
            current_testing_word.style.backgroundColor = "red"
            incorrect_letters +=1
        }
        if(current_string == current_testing_word.innerHTML){
            current_testing_word.style.backgroundColor = "green"
        }
        
    }
            
    letter_count += 1
}

function wording(){
    input.innerHTML = ""
    for(let i = 0; i < input_arr.length; i++){
        input.innerHTML += `<span class="word">${input_arr[i]}</span>`
    }
    input.classList.add('flex')
}

window.addEventListener('keydown',(e)=>{
    if(e.key == "Backspace"){
        if(letter_count > 0){
            letter_count -= 2     
        }
    }
})

function partOfWord(stringa,index){
    let text = stringa
    text = text.slice(0,index)
    return text
}

let secs = 0
let timer_interval = setInterval(timer_fn,1000)
function timer_fn(){
    if(keys_pressed >= 1){
        if(word_count >= num_of_words){ 
            clearInterval(timer_interval)
            result_display.style.display = "flex"
            let _words = keys_pressed / 5
            let raw_speed = (_words * 60 ) / secs
    
            let accuracy = ((keys_pressed-incorrect_letters) * 100) / keys_pressed
            let acc_speed = (accuracy * raw_speed)/100
    
            output.style.display = "none"
            timer.style.display = "none"
            result_display.innerHTML= `
                                        <span class="res">Time Taken : ${secs} secs</span>
                                        <br>
                                        <span class="res">WPM : ${Math.round(acc_speed * 100)/100} </span>
                                        <br>
                                        <span class="res">Accuracy : ${Math.round(accuracy)} %</span>
                                        <br>
                                        <span class="res">KeyStrokes : ${keys_pressed - incorrect_letters}/${keys_pressed}</span>
                                        <br>
                                        <span class="res">Words : ${num_of_words - incorrect_words}/${num_of_words}</span>`
            console.log('interval closed !')
            return
        }
        secs += 1
        timer.innerText = secs
        
    }
    
}


function getRandomItem(arr) {
    const randomIndex = Math.floor(Math.random() * arr.length);
    const item = arr[randomIndex];
    return item;
}

resetBtn.addEventListener('click',()=>{
    window.location.reload()
})

let ref_key_arr = []
let tab_pressed = 0
window.addEventListener('keydown',(e)=>{
    if(e.keyCode == 9){
        resetBtn.click()
    }
})